html { height:100%; }
body {
    height:100%;
    background-color:#fff;
    color:#223e75;

    font-family:"azo-sans-web", sans-serif;
    font-weight:200;
    font-style:normal;
    font-size:1em;
    letter-spacing:.3em;
    line-height:2em;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-smoothing:antialiased;
}

a { color:#223e75; text-decoration:underline; }
a:hover { font-weight:400; }

h1 { font-size:7em; line-height:1em; padding:1.5em 0 1em; text-align:center; }
h2 { font-size:5em; line-height:1em; padding:1.5em 0 1em; text-align:center; }
h3 { font-size:1.5em; line-height:1em; }
b,._b { font-weight:400; }
.text {
    font-size:2.4em;
    line-height:120%;
    max-width:90%;
    margin:0 auto;
    letter-spacing:normal;
}
.button {
    white-space:nowrap;
    font-size:3vw;
    padding:.4em 1em;
    color:#fff;
    display:inline-block;
    max-width:100%;
    background-color:#223e75;
    border-radius:1000px;
    border:.1em solid #fff;
    text-decoration:none;
}
a.button:hover {
    background-color:#4e6591;
    font-weight:inherit;
}
.list {
    margin-left:1em;
    font-size:.8em;
}
.list li {
    liste-style-type:circle;
}

nav {
    position:fixed;
    top:0;
    left:0;
    right:0;
    padding:1.5em;
    z-index:2;
    /*text-align:right;*/
    line-height:3em;
    animation:anim-background-fadeout 1s;
    background:transparent;
    color:#fff;
}
nav._scrolled,nav._burgered {
    animation:anim-background-fadein 1s;
    background:#223e75;
}
nav #burger {
    color:#fff;
    vertical-align:middle;
    display:inline-block;
    font-size:3em;
    position:absolute;
    line-height:2.3em;
}
nav #logo {
    display:inline-block;
    vertical-align:middle;
    padding:1em;
    width:100%;
    text-align:center;
}
nav #logo img {
    height:5em;
}
nav a {
    color:#fff;
    text-decoration:none;
}
nav ul {
    display:none;
    text-align:center;
    width:100%;
}
nav ul li {
    margin:1em;
    font-size:2em;
}
nav._burgered ul {
    display:block;
    animation:anim-fadein .5s ease-in;
}
nav .button {
    line-height:normal;
}

section {
    background-position:center center;
    background-repeat:no-repeat;
    background-size:cover;
    height:100%;
    padding:0 2em 0;
    position:relative;
}
section .section-container {
    width:100%;
    height:100%;
    position:relative;
    z-index:1;
}
#about .section-container {
    background: rgba(255,255,255,.6);
    box-shadow: 0px 0 60px 0px #fff;
}

#sentences {
    height:100%;
    width:55em;
    display:table;
    color:#fff;
    margin:0 auto;
}
#sentences #center {
    display:table-cell;
    vertical-align:middle;
}
#first_sentence {
    text-align:center;
    font-size:6em;
    line-height:160%;
    animation:anim-fadeout 5s cubic-bezier(1,0,1,.5);
}
#oserez {
    display:none;
    font-size:3em;
    border:.1em solid #fff;
    padding:.3em 1em 1em;
}
#oserez legend {
    font-weight:400;
    padding:0 .5em .3em;
    margin:0 .5em;
}
#oserez .sentence {
    line-height:150%;
    font-size:1.5em;
}
#intel {
    display:none;
    font-size:2.5em;
    margin-top:.6em;
    text-align:justify;
    line-height:130%;
}
#oserez._fadein, #intel._fadein {
    display:block;
    animation:anim-fadein .5s ease-in;
}
#sentences .sentence {
    display:none;
}
#sentences .sentence._fadein {
    display:inline-block;
    animation:anim-fadein .5s ease-in;
}

#basesentence {
    position:absolute;
    bottom:0;
    width:100%;
    text-align:center;
    padding:.5em;
    color:#fff;
    font-size:1.8em;
    line-height:130%;
}

@media screen and (min-width: 1200px) {
    nav #burger {
        display:none;
    }
    nav #logo {
        width:auto;
        padding:.8em 1em;
    }
    nav #logo img {
        display:block;
        height:3em;
    }
    nav ul {
        display:inline-block;
        float:right;
        width:auto;
    }
    nav ul li {
        display:inline-block;
        font-size:1.5em;
        margin:0;
    }
    nav ul li a {
        line-height:3em;
        padding:0 1em;
        display:inline-block;
    }

    #sentences {
        width:50em;
    }
    #first_sentence {
        font-size:3em;
    }
    #oserez {
        border-width:2px;
    }
    #oserez legend {
        font-size:.8em;
    }
    #oserez .sentence {
        font-size:1em;
    }
    #intel {
        font-size:1.5em;
    }
    #basesentence {
        font-size:1em;
    }
    .text {
        font-size:1.6em;
    }
    .button {
        font-size:inherit;
    }
    h2 {
        text-align: inherit;
        max-width: 90%;
        margin: 0 auto;
    }
    #forme .section-container {
        width:65%;
        float:left;
    }
    #forus .section-container {
        width:65%;
        float:right;
    }
    #about .section-container {
        width:55%;
        float:right;
    }
}
@media only screen and (orientation : landscape) and (max-width: 1199px) {
    body {
        font-size:.6em;
    }
    .button {
        font-size:100%;
    }
}