/*! normalize.css v4.1.1 | MIT License | github.com/necolas/normalize.css */
html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust:100%
}

body {
    margin:0
}

article, aside, details, figcaption, figure, footer, header, main, menu, nav, section, summary {
    display:block
}

audio, canvas, progress, video {
    display:inline-block
}

audio:not([controls]) {
    display: none;
    height:0
}

progress {
    vertical-align:baseline
}

template, [hidden] {
    display:none
}

a {
    background-color: transparent;
    -webkit-text-decoration-skip:objects
}

a:active, a:hover {
    outline-width:0
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline;
    text-decoration:underline dotted
}

b, strong {
    font-weight:inherit
}

b, strong {
    font-weight:bolder
}

dfn {
    font-style:italic
}

h1 {
    font-size: 2em;
    margin:0.67em 0
}

mark {
    background-color: #ff0;
    color:#000
}

small {
    font-size:80%
}

sub, sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align:baseline
}

sub {
    bottom:-0.25em
}

sup {
    top:-0.5em
}

img {
    border-style:none
}

svg:not(:root) {
    overflow:hidden
}

code, kbd, pre, samp {
    font-family: monospace, monospace;
    font-size:1em
}

figure {
    margin:1em 40px
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow:visible
}

button, input, select, textarea {
    font: inherit;
    margin:0
}

optgroup {
    font-weight:bold
}

button, input {
    overflow:visible
}

button, select {
    text-transform: none
}

button, html [type="button"], [type="reset"], [type="submit"] {
    -webkit-appearance: button
}

button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner {
    border-style: none;
    padding: 0
}

button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring {
    outline:1px dotted ButtonText
}

fieldset {
    border: 1px solid #c0c0c0;
    margin: 0 2px;
    padding:0.35em 0.625em 0.75em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space:normal
}

textarea {
    overflow: auto
}

[type="checkbox"], [type="radio"] {
    box-sizing: border-box;
    padding: 0
}

[type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button {
    height: auto
}

[type="search"] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type="search"]::-webkit-search-cancel-button, [type="search"]::-webkit-search-decoration {
    -webkit-appearance:none
}

::-webkit-input-placeholder {
    color: inherit;
    opacity:0.54
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font:inherit
}

input, textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing:border-box
}

label {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
/*!
Animate.css - http://daneden.me/animate
Licensed under the MIT license - http://opensource.org/licenses/MIT
Copyright (c) 2015 Daniel Eden
*/

body {
    -webkit-backface-visibility:hidden
}

.animated {
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode:both
}

.animated.infinite {
    animation-iteration-count:infinite
}

.animated.hinge {
    -webkit-animation-duration: 2s;
    animation-duration:2s
}

.animated.bounceIn, .animated.bounceOut {
    -webkit-animation-duration: 0.75s;
    animation-duration:0.75s
}

.animated.flipOutX, .animated.flipOutY {
    -webkit-animation-duration: 0.75s;
    animation-duration:0.75s
}

@-webkit-keyframes fadeIn {
    0% {
        opacity:0
    }

    100% {
        opacity:1
    }
}

@keyframes fadeIn {
    0% {
        opacity:0
    }

    100% {
        opacity:1
    }
}

.fadeIn {
    -webkit-animation-name: fadeIn;
    animation-name:fadeIn
}

@-webkit-keyframes fadeOut {
    0% {
        opacity:1
    }

    100% {
        opacity:0
    }
}

@keyframes fadeOut {
    0% {
        opacity:1
    }

    100% {
        opacity:0
    }
}

.fadeOut {
    -webkit-animation-name: fadeOut;
    animation-name:fadeOut
}

@-webkit-keyframes zoomIn {
    0% {
        opacity: 0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity:1
    }
}

@keyframes zoomIn {
    0% {
        opacity: 0;
        transform:scale3d(0.3, 0.3, 0.3)
    }

    50% {
        opacity:1
    }
}

.zoomIn {
    -webkit-animation-name: zoomIn;
    animation-name:zoomIn
}

@-webkit-keyframes zoomOut {
    0% {
        opacity:1
    }

    50% {
        opacity: 0;
        -webkit-transform:scale3d(0.3, 0.3, 0.3)
    }

    100% {
        opacity:0
    }
}

@keyframes zoomOut {
    0% {
        opacity:1
    }

    50% {
        opacity: 0;
        transform:scale3d(0.3, 0.3, 0.3)
    }

    100% {
        opacity:0
    }
}

.zoomOut {
    -webkit-animation-name: zoomOut;
    animation-name:zoomOut
}

html {
    box-sizing:border-box
}

*, * :before, * :after {
    box-sizing:inherit
}

h1, h2, h3, h4, h5, h6, ul, li, p, blockquote {
    margin: 0;
    padding:0
}

li {
    list-style:none
}

input, textarea, button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border-radius: 0;
    outline: 0;
    border:0
}

input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus, button:hover, button:active, button:focus {
    outline: 0;
    border:0
}

embed, iframe, img, object, video {
    max-width:100%
}

img {
    height: auto;
    width:auto
}

html {
    font-size: 100%;
    line-height:1.5em
}

* ::-moz-selection {
    background: #C3FEEF;
    color:#1E1E1D
}

* ::selection {
    background: #C3FEEF;
    color:#1E1E1D
}

p + p, p + img, img + p {
    margin-bottom:1.3rem
}

article ul li {
    list-style-type:none
}

article ol li {
    list-style-type:decimal
}

.wrap {
    display: flex;
    align-content:stretch
}

.wrap .container {
    flex-grow:1
}

.container {
    max-width: 1170px;
    max-width: 73.125rem;
    margin-left: auto;
    margin-right:auto
}

.container:after {
    content: " ";
    display: block;
    clear:both
}

@media (min-width: 450px) {
    #main {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding:1.3rem
    }

    .workshop {
        padding-bottom:2.6rem
    }

    .workshop-index {
        padding-bottom:2.6rem
    }

    .classroom-index {
        padding-bottom:2.6rem
    }

    .about-index {
        padding-bottom:2.6rem
    }

    .teacher-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding-bottom:2.6rem
    }

    .teacher-image {
        width: 44.44444%;
        float: left;
        margin-right:11.11111%
    }

    .teacher-description {
        width: 44.44444%;
        float: right;
        margin-right:0
    }

    .footer-address {
        width: 44.44444%;
        float: left;
        margin-right:11.11111%
    }

    .footer-languages {
        width: 44.44444%;
        float: right;
        margin-right:0
    }
}

@media (min-width: 630px) {
    #main {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding:1.3rem
    }

    section {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .title {
        width: 31.03448%;
        float: left;
        margin-right:3.44828%
    }

    .text {
        width: 65.51724%;
        float: right;
        margin-right:0
    }

    .workshop {
        width: 31.03448%;
        float:left
    }

    .workshop:nth-child(3n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left:0
    }

    .workshop:nth-child(3n + 2) {
        margin-left: 34.48276%;
        margin-right: -100%;
        clear:none
    }

    .workshop:nth-child(3n + 3) {
        margin-left: 68.96552%;
        margin-right: -100%;
        clear:none
    }

    .workshop-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .workshop-image {
        width: 31.03448%;
        float: left;
        margin-right:3.44828%
    }

    .workshop-description {
        width: 65.51724%;
        float: right;
        margin-right:0
    }

    .classroom-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .classroom-image {
        width: 31.03448%;
        float: left;
        margin-right:3.44828%
    }

    .classroom-description {
        width: 65.51724%;
        float: right;
        margin-right:0
    }

    .about-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .about-image {
        width: 65.51724%;
        float: left;
        margin-right:3.44828%
    }

    .about-description {
        width: 31.03448%;
        float: right;
        margin-right:0
    }

    .teacher-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .teacher-image {
        width: 31.03448%;
        float: left;
        margin-right:3.44828%
    }

    .teacher-description {
        width: 65.51724%;
        float: right;
        margin-right:0
    }

    .contact-form {
        width: 48.27586%;
        float: left;
        margin-right:3.44828%
    }

    .contact-map {
        width: 48.27586%;
        float: right;
        margin-right:0
    }

    .footer-address {
        width: 48.27586%;
        float: left;
        margin-right:3.44828%
    }

    .footer-languages {
        width: 48.27586%;
        float: right;
        margin-right:0
    }
}

@media (min-width: 810px) {
    #main {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding:1.3rem
    }

    section {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .title {
        width: 31.03448%;
        float: left;
        margin-right:3.44828%
    }

    .text {
        width: 65.51724%;
        float: right;
        margin-right:0
    }

    .workshop {
        width: 31.03448%;
        float:left
    }

    .workshop:nth-child(3n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left:0
    }

    .workshop:nth-child(3n + 2) {
        margin-left: 34.48276%;
        margin-right: -100%;
        clear:none
    }

    .workshop:nth-child(3n + 3) {
        margin-left: 68.96552%;
        margin-right: -100%;
        clear:none
    }

    .workshop-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .workshop-image {
        width: 31.03448%;
        float: left;
        margin-right:3.44828%
    }

    .workshop-description {
        width: 65.51724%;
        float: right;
        margin-right:0
    }

    .classroom-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .classroom-image {
        width: 31.03448%;
        float: left;
        margin-right:3.44828%
    }

    .classroom-description {
        width: 65.51724%;
        float: right;
        margin-right:0
    }

    .about-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .about-image {
        width: 65.51724%;
        float: left;
        margin-right:3.44828%
    }

    .about-description {
        width: 31.03448%;
        float: right;
        margin-right:0
    }

    .teacher-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .teacher-image {
        width: 31.03448%;
        float: left;
        margin-right:3.44828%
    }

    .teacher-description {
        width: 65.51724%;
        float: right;
        margin-right:0
    }

    .contact-form {
        width: 48.27586%;
        float: left;
        margin-right:3.44828%
    }

    .contact-map {
        width: 48.27586%;
        float: right;
        margin-right:0
    }

    .footer-address {
        width: 48.27586%;
        float: left;
        margin-right:3.44828%
    }

    .footer-languages {
        width: 48.27586%;
        float: right;
        margin-right:0
    }
}

@media (min-width: 990px) {
    #main {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding:1.3rem
    }

    section {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .title {
        width: 20.45455%;
        float: left;
        margin-right:2.27273%
    }

    .text {
        width: 77.27273%;
        float: right;
        margin-right:0
    }

    .workshop {
        width: 31.81818%;
        float:left
    }

    .workshop:nth-child(3n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left:0
    }

    .workshop:nth-child(3n + 2) {
        margin-left: 34.09091%;
        margin-right: -100%;
        clear:none
    }

    .workshop:nth-child(3n + 3) {
        margin-left: 68.18182%;
        margin-right: -100%;
        clear:none
    }

    .workshop-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .workshop-image {
        width: 20.45455%;
        float: left;
        margin-right:2.27273%
    }

    .workshop-description {
        width: 77.27273%;
        float: right;
        margin-right:0
    }

    .classroom-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .classroom-image {
        width: 20.45455%;
        float: left;
        margin-right:2.27273%
    }

    .classroom-description {
        width: 77.27273%;
        float: right;
        margin-right:0
    }

    .about-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .about-image {
        width: 54.54545%;
        float: left;
        margin-right:2.27273%
    }

    .about-description {
        width: 43.18182%;
        float: right;
        margin-right:0
    }

    .teacher-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .teacher-image {
        width: 20.45455%;
        float: left;
        margin-right:2.27273%
    }

    .teacher-description {
        width: 77.27273%;
        float: right;
        margin-right:0
    }

    .contact-form {
        width: 54.54545%;
        float: left;
        margin-right:2.27273%
    }

    .contact-map {
        width: 43.18182%;
        float: right;
        margin-right:0
    }

    .footer-address {
        width: 54.54545%;
        float: left;
        margin-right:2.27273%
    }

    .footer-languages {
        width: 43.18182%;
        float: right;
        margin-right:0
    }
}

@media (min-width: 1180px) {
    #main {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding:1.3rem
    }

    section {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .title {
        width: 15.25424%;
        float: left;
        margin-right:1.69492%
    }

    .text {
        width: 83.05085%;
        float: right;
        margin-right:0
    }

    .workshop {
        width: 32.20339%;
        float:left
    }

    .workshop:nth-child(3n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left:0
    }

    .workshop:nth-child(3n + 2) {
        margin-left: 33.89831%;
        margin-right: -100%;
        clear:none
    }

    .workshop:nth-child(3n + 3) {
        margin-left: 67.79661%;
        margin-right: -100%;
        clear:none
    }

    .workshop-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .workshop-image {
        width: 15.25424%;
        float: left;
        margin-right:1.69492%
    }

    .workshop-description {
        width: 83.05085%;
        float: right;
        margin-right:0
    }

    .classroom-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .classroom-image {
        width: 15.25424%;
        float: left;
        margin-right:1.69492%
    }

    .classroom-description {
        width: 83.05085%;
        float: right;
        margin-right:0
    }

    .about-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .about-image {
        width: 57.62712%;
        float: left;
        margin-right:1.69492%
    }

    .about-description {
        width: 40.67797%;
        float: right;
        margin-right:0
    }

    .teacher-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .teacher-image {
        width: 23.72881%;
        float: left;
        margin-right:1.69492%
    }

    .teacher-description {
        width: 74.57627%;
        float: right;
        margin-right:0
    }

    .contact-form {
        width: 57.62712%;
        float: left;
        margin-right:1.69492%
    }

    .contact-map {
        width: 40.67797%;
        float: right;
        margin-right:0
    }

    .footer-address {
        width: 49.15254%;
        float: left;
        margin-right:1.69492%
    }

    .footer-languages {
        width: 49.15254%;
        float: right;
        margin-right:0
    }
}

@media (min-width: 1372px) {
    #main {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right: 0;
        padding:0
    }

    section {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .title {
        width: 15.25424%;
        float: left;
        margin-right:1.69492%
    }

    .text {
        width: 83.05085%;
        float: right;
        margin-right:0
    }

    .workshop {
        width: 32.20339%;
        float:left
    }

    .workshop:nth-child(3n + 1) {
        margin-left: 0;
        margin-right: -100%;
        clear: both;
        margin-left:0
    }

    .workshop:nth-child(3n + 2) {
        margin-left: 33.89831%;
        margin-right: -100%;
        clear:none
    }

    .workshop:nth-child(3n + 3) {
        margin-left: 67.79661%;
        margin-right: -100%;
        clear:none
    }

    .workshop-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .workshop-image {
        width: 15.25424%;
        float: left;
        margin-right:1.69492%
    }

    .workshop-description {
        width: 83.05085%;
        float: right;
        margin-right:0
    }

    .classroom-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .classroom-image {
        width: 15.25424%;
        float: left;
        margin-right:1.69492%
    }

    .classroom-description {
        width: 83.05085%;
        float: right;
        margin-right:0
    }

    .about-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .about-image {
        width: 57.62712%;
        float: left;
        margin-right:1.69492%
    }

    .about-description {
        width: 40.67797%;
        float: right;
        margin-right:0
    }

    .teacher-index {
        width: 100%;
        float: left;
        margin-left: 0;
        margin-right:0
    }

    .teacher-image {
        width: 23.72881%;
        float: left;
        margin-right:1.69492%
    }

    .teacher-description {
        width: 74.57627%;
        float: right;
        margin-right:0
    }

    .contact-form {
        width: 57.62712%;
        float: left;
        margin-right:1.69492%
    }

    .contact-map {
        width: 40.67797%;
        float: right;
        margin-right:0
    }

    .footer-address {
        width: 49.15254%;
        float: left;
        margin-right:1.69492%
    }

    .footer-languages {
        width: 49.15254%;
        float: right;
        margin-right: 0
    }
}

.button, input[type="submit"] {
    background-color: #C3FEEF;
    padding: 0.65rem;
    text-transform: uppercase;
    font-size: 1rem;
    font-weight: 300;
    font-family: "acumin-pro-condensed", "Georgia", "Times", serif;
    margin:2.6rem 0 2.6rem 0
}

@media all and (min-width: 600px) {
    .button, input[type="submit"] {
        font-size:1rem
    }
}

@media all and (min-width: 1200px) {
    .button, input[type="submit"] {
        font-size:1rem
    }
}

form, fieldset {
    margin-bottom:1.3rem
}

label {
    margin-bottom: 1.3rem;
    display: block;
    font-family: "acumin-pro-condensed", "Georgia", "Times", serif;
    text-transform: uppercase;
    cursor:pointer
}

fieldset {
    margin-top: 1.3rem;
    margin-bottom: 1.3rem;
    padding:1.3rem
}

legend {
    margin: 0;
    margin-left: -.5rem;
    padding: 0 .5rem;
    display:block
}

.form__row, .form--inline .form__row--controls, .form--inline .form__row--actions {
    margin-bottom:1.3rem
}

.form__row:after, .form--inline .form__row--controls:after, .form--inline .form__row--actions:after {
    content: " ";
    display: table;
    clear: both
}

input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], textarea, select {
    padding: 0.65rem;
    display: block;
    width: 100%;
    background-color: #FCFBF7;
    color: #1E1E1D;
    border-bottom: 1px solid #EDEBE6
}

input[type="checkbox"], input[type="image"], input[type="radio"] {
    margin-bottom: 0;
    display: inline-block;
    width: auto;
    cursor: pointer;
    vertical-align:baseline
}

textarea {
    height: 3.9rem;
    overflow: auto;
    resize: vertical
}

input[type="submit"] {
    width: auto;
    margin-bottom:0
}

input:focus, select:focus, textarea:focus {
    border-color: #C3FEEF;
    border-color: rgba(195, 254, 239, 0.8);
    outline: 0;
    outline: thin dotted \9;
    transition:border .2s linear
}

input[disabled], textarea[disabled] {
    background: #f6f5f3;
    cursor: not-allowed;
    overflow: hidden;
    white-space:nowrap
}

.form--inline input, .form--inline textarea, .form--inline select {
    display: inline-block;
    width:auto
}

.form--inline label {
    display: inline-block;
    margin: 0 1rem 0 0;
    width: 6.5rem;
    text-align:right
}

.form--inline .form__row--controls, .form--inline .form__row--actions {
    margin-left:7.5rem
}

.form--inline .form__row--controls label, .form--inline .form__row--actions label {
    width:auto
}

.form--inline .form__row--actions {
    margin-bottom:0
}

.hide {
    display:none
}

::-webkit-input-placeholder {
    color:#C3FEEF
}

::-moz-placeholder {
    color:#C3FEEF
}

:-ms-input-placeholder {
    color:#C3FEEF
}

.responsive {
    height: auto;
    width:100%
}

.avatar {
    width: 100px;
    height: 100px;
    border-radius:100%
}

html {
    font-family: "acumin-pro-wide", "Helvetica", "Arial", sans-serif;
    font-size: 87.5%;
    line-height:1.3
}

@media all and (min-width: 600px) {
    html {
        font-size:100%
    }
}

@media all and (min-width: 1200px) {
    html {
        font-size: 125%;
        line-height:1.4
    }
}

body {
    text-rendering:optimizeLegibility
}

h1, h2, h3, h4, h5, h6 {
    display:block
}

h1 {
    font-size: 1.61803rem;
    line-height: 1;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing:0.1em
}

@media all and (min-width: 600px) {
    h1 {
        font-size: 1.61803rem;
        line-height:1
    }
}

@media all and (min-width: 1200px) {
    h1 {
        font-size: 1.61803rem;
        line-height:1.3
    }
}

h2 {
    font-size: 1.61803rem;
    line-height: 1;
    font-weight: 300;
    font-family: "acumin-pro-condensed", "Georgia", "Times", serif;
    text-transform:uppercase
}

@media all and (min-width: 600px) {
    h2 {
        font-size: 1.61803rem;
        line-height:1
    }
}

@media all and (min-width: 1200px) {
    h2 {
        font-size: 1.61803rem;
        line-height:1.3
    }
}

h3 {
    font-size: 1.6978rem;
    line-height: 1.3;
    font-weight: 400;
    text-transform: uppercase;
    letter-spacing:0.1em
}

@media all and (min-width: 600px) {
    h3 {
        font-size: 1.6978rem;
        line-height:1
    }
}

@media all and (min-width: 1200px) {
    h3 {
        font-size: 1.7815rem;
        line-height:1
    }
}

h4, h5, h6 {
    font-size: 1rem;
    font-weight: 300;
    text-transform:uppercase
}

@media all and (min-width: 600px) {
    h4, h5, h6 {
        font-size:1rem
    }
}

@media all and (min-width: 1200px) {
    h4, h5, h6 {
        font-size:1rem
    }
}

em {
    font-style:italic
}

pre {
    white-space:pre
}

p {
    margin-bottom:1.3rem
}

dt {
    margin-bottom: 1.3rem;
    text-transform: uppercase;
    letter-spacing:0.1em
}

dd {
    margin-left: 3.9rem;
    margin-bottom:3.9rem
}

#header {
    text-align: center;
    padding-top: 2.6rem;
    padding-bottom:3.9rem
}

#header nav ul li {
    padding-right:0.65rem
}

nav ul li {
    display: inline;
    font-family: "acumin-pro-wide", "Helvetica", "Arial", sans-serif;
    text-transform: uppercase;
    letter-spacing: 0.1em;
    font-size:11px
}

body {
    background: linear-gradient(to right top, #fcfbf7 50%, #c3feef 50%);
    color: #1E1E1D;
    background-color: #FCFBF7;
    padding-left: 1.3rem;
    padding-right:1.3rem
}

body a {
    text-decoration: none;
    color:#1E1E1D
}

body main a {
    text-decoration: none;
    color:#1E1E1D
}

body main a:hover {
    border-bottom:1px solid #1E1E1D
}

body main a.button:hover {
    border-bottom:0
}

body main a:hover img {
    border-bottom:0
}

body main a.image-border:hover {
    text-decoration: none;
    border:0 none
}

body main article header {
    padding-bottom:2.6rem
}

body main ul {
    list-style-type:none
}

body main ul li:before {
    content: "—";
    font-family: "acumin-pro-condensed", "Georgia", "Times", serif;
    text-transform: uppercase;
    padding-right:0.65rem
}

body section {
    padding:2.6rem 0 2.6rem 0
}

body section.cto {
    border-top: solid 1px #EDEBE6;
    border-bottom:solid 1px #EDEBE6
}

body .photoset {
    padding-bottom:1.3rem
}

body .teacher-index {
    padding: 1.3rem 0 1.3rem 0;
    border-top:1px solid #EDEBE6
}

body table {
    width:100%
}

body table td {
    padding: 1.3rem;
    border-top:1px solid #EDEBE6
}

body table.timetable {
    width: 100%;
    padding: 0;
    border:0
}

body table.timetable tr {
    padding: 0;
    border:0
}

body table.timetable th {
    text-align: left;
    padding: 1.3rem 0 1.3rem 0;
    border-bottom:1px solid #1E1E1D
}

body table.timetable td {
    padding: 0rem;
    border: 0;
    vertical-align:top
}

body table.timetable td div {
    padding: 1.3rem 0 2.6rem 0;
    text-transform:uppercase
}

body table.timetable td div .hour {
    font-family: "acumin-pro-wide", "Helvetica", "Arial", sans-serif;
    font-size: 1.6978rem;
    line-height:1.3
}

@media all and (min-width: 600px) {
    body table.timetable td div .hour {
        font-size: 1.6978rem;
        line-height:1
    }
}

@media all and (min-width: 1200px) {
    body table.timetable td div .hour {
        font-size: 1.7815rem;
        line-height:1
    }
}

body table.timetable td div .subject {
    font-family: "acumin-pro-condensed", "Georgia", "Times", serif;
    font-size:1rem
}

@media all and (min-width: 600px) {
    body table.timetable td div .subject {
        font-size:1rem
    }
}

@media all and (min-width: 1200px) {
    body table.timetable td div .subject {
        font-size:1rem
    }
}

footer {
    padding: 1.3rem 0rem 3.9rem 0rem;
    margin-top: 1.3rem;
    border-top:1px solid #EDEBE6
}

.footer-languages {
    text-align:right
}

#map {
    width: 100%;
    height: 300px
}