body {
    font-family: "Sansation Light", "Helvetica Neue Light", "Helvetica Neue", "Helvetica", "Arial", sans-serif
}

br+br {
    clear: both
}

:last-child {
    margin-bottom: 0
}

:target {
    display: block
}

html,
body {
    height: 100%
}

a:focus,
a:hover {
    text-decoration: none
}

.col-red,
.col-red-hover:hover {
    color: #ff2934 !important
}

.col-lred,
.col-lred-hover:hover {
    color: #ff8f94 !important
}

.col-dred,
.col-dred-hover:hover {
    color: #c2000a !important
}

.bg-red,
.bg-red-hover:hover {
    background-color: #ff2934 !important
}

.bg-lred,
.bg-lred-hover:hover {
    background-color: #ff8f94 !important
}

.bg-dred,
.bg-dred-hover:hover {
    background-color: #c2000a !important
}

.bg-emerald,
.bg-emerald-hover:hover {
    background-color: #62d080 !important;
}

.bg-bleu,
.bg-bleu-hover:hover {
    background-color: #4286f7 ;
}

.col-orange,
.col-orange-hover:hover {
    color: #ff6f00 !important
}

.col-lorange,
.col-lorange-hover:hover {
    color: #ffa866 !important
}

.col-dorange,
.col-dorange-hover:hover {
    color: #994200 !important
}

.bg-orange,
.bg-orange-hover:hover {
    background-color: #ff6f00 !important
}

.bg-lorange,
.bg-lorange-hover:hover {
    background-color: #ffa866 !important
}

.bg-dorange,
.bg-dorange-hover:hover {
    background-color: #994200 !important
}

.col-yellow,
.col-yellow-hover:hover {
    color: #e6ed0c !important
}

.col-lyellow,
.col-lyellow-hover:hover {
    color: #f2f769 !important
}

.col-dyellow,
.col-dyellow-hover:hover {
    color: #888d07 !important
}

.bg-yellow,
.bg-yellow-hover:hover {
    background-color: #e6ed0c !important
}

.bg-lyellow,
.bg-lyellow-hover:hover {
    background-color: #f2f769 !important
}

.bg-dyellow,
.bg-dyellow-hover:hover {
    background-color: #888d07 !important
}

.col-green,
.col-green-hover:hover {
    color: #14c81d !important
}

.col-lgreen,
.col-lgreen-hover:hover {
    color: #53ee5b !important
}

.col-dgreen,
.col-dgreen-hover:hover {
    color: #0b6b0f !important
}

.bg-green,
.bg-green-hover:hover {
    background-color: #14c81d !important
}

.bg-lgreen,
.bg-lgreen-hover:hover {
    background-color: #53ee5b !important
}

.bg-dgreen,
.bg-dgreen-hover:hover {
    background-color: #0b6b0f !important
}

.col-blue,
.col-blue-hover:hover {
    color: #42b6f0 !important
}

.col-lblue,
.col-lblue-hover:hover {
    color: #a1daf7 !important
}

.col-dblue,
.col-dblue-hover:hover {
    color: #0f83bd !important
}

.bg-blue,
.bg-blue-hover:hover {
    background-color: #42b6f0 !important
}

.bg-lblue,
.bg-lblue-hover:hover {
    background-color: #a1daf7 !important
}

.bg-dblue,
.bg-dblue-hover:hover {
    background-color: #0f83bd !important
}

.col-purple,
.col-purple-hover:hover {
    color: #800df2 !important
}

.col-lpurple,
.col-lpurple-hover:hover {
    color: #b36ef7 !important
}

.col-dpurple,
.col-dpurple-hover:hover {
    color: #4d0891 !important
}

.bg-purple,
.bg-purple-hover:hover {
    background-color: #800df2 !important
}

.bg-lpurple,
.bg-lpurple-hover:hover {
    background-color: #b36ef7 !important
}

.bg-dpurple,
.bg-dpurple-hover:hover {
    background-color: #4d0891 !important
}

.col-white,
.col-white-hover:hover {
    color: #fcfcfc !important
}

.col-lwhite,
.col-lwhite-hover:hover {
    color: #fff !important
}

.col-dwhite,
.col-dwhite-hover:hover {
    color: #c9c9c9 !important
}

.bg-white,
.bg-white-hover:hover {
    background-color: #fcfcfc !important
}

.bg-lwhite,
.bg-lwhite-hover:hover {
    background-color: #fff !important
}

.bg-dwhite,
.bg-dwhite-hover:hover {
    background-color: #c9c9c9 !important
}

.col-black,
.col-black-hover:hover {
    color: #0d0d0d !important
}

.col-lblack,
.col-lblack-hover:hover {
    color: #404040 !important
}

.col-dblack,
.col-dblack-hover:hover {
    color: #000 !important
}

.bg-black,
.bg-black-hover:hover {
    background-color: #0d0d0d !important
}

.bg-lblack,
.bg-lblack-hover:hover {
    background-color: #404040 !important
}

.bg-dblack,
.bg-dblack-hover:hover {
    background-color: #000 !important
}

.col-gray,
.col-gray-hover:hover {
    color: gray !important
}

.col-lgray,
.col-lgray-hover:hover {
    color: #b3b3b3 !important
}

.col-dgray,
.col-dgray-hover:hover {
    color: #4d4d4d !important
}

.bg-gray,
.bg-gray-hover:hover {
    background-color: gray !important
}

.bg-lgray,
.bg-lgray-hover:hover {
    background-color: #b3b3b3 !important
}

.bg-dgray,
.bg-dgray-hover:hover {
    background-color: #4d4d4d !important
}

.m {
    margin: 1em !important
}

.m0 {
    margin: 0em !important
}

.m1 {
    margin: 1em !important
}

.m2 {
    margin: 2em !important
}

.m3 {
    margin: 3em !important
}

.m4 {
    margin: 4em !important
}

.m5 {
    margin: 5em !important
}

.m6 {
    margin: 6em !important
}

.m1_1 {
    margin: 1em !important
}

.m1_2 {
    margin: .5em !important
}

.m1_3 {
    margin: .33333em !important
}

.m1_4 {
    margin: .25em !important
}

.m1_5 {
    margin: .2em !important
}

.m1_6 {
    margin: .16667em !important
}

.mb {
    margin-bottom: 1em !important
}

.mb0 {
    margin-bottom: 0em !important
}

.mb1 {
    margin-bottom: 1em !important
}

.mb2 {
    margin-bottom: 2em !important
}

.mb3 {
    margin-bottom: 3em !important
}

.mb4 {
    margin-bottom: 4em !important
}

.mb5 {
    margin-bottom: 5em !important
}

.mb6 {
    margin-bottom: 6em !important
}

.mb1_1 {
    margin-bottom: 1em !important
}

.mb1_2 {
    margin-bottom: .5em !important
}

.mb1_3 {
    margin-bottom: .33333em !important
}

.mb1_4 {
    margin-bottom: .25em !important
}

.mb1_5 {
    margin-bottom: .2em !important
}

.mb1_6 {
    margin-bottom: .16667em !important
}

.mt {
    margin-top: 1em !important
}

.mt0 {
    margin-top: 0em !important
}

.mt1 {
    margin-top: 1em !important
}

.mt2 {
    margin-top: 2em !important
}

.mt3 {
    margin-top: 3em !important
}

.mt4 {
    margin-top: 4em !important
}

.mt5 {
    margin-top: 5em !important
}

.mt6 {
    margin-top: 6em !important
}

.mt1_1 {
    margin-top: 1em !important
}

.mt1_2 {
    margin-top: .5em !important
}

.mt1_3 {
    margin-top: .33333em !important
}

.mt1_4 {
    margin-top: .25em !important
}

.mt1_5 {
    margin-top: .2em !important
}

.mt1_6 {
    margin-top: .16667em !important
}

.mr {
    margin-right: 1em !important
}

.mr0 {
    margin-right: 0em !important
}

.mr1 {
    margin-right: 1em !important
}

.mr2 {
    margin-right: 2em !important
}

.mr3 {
    margin-right: 3em !important
}

.mr4 {
    margin-right: 4em !important
}

.mr5 {
    margin-right: 5em !important
}

.mr6 {
    margin-right: 6em !important
}

.mr1_1 {
    margin-right: 1em !important
}

.mr1_2 {
    margin-right: .5em !important
}

.mr1_3 {
    margin-right: .33333em !important
}

.mr1_4 {
    margin-right: .25em !important
}

.mr1_5 {
    margin-right: .2em !important
}

.mr1_6 {
    margin-right: .16667em !important
}

.ml {
    margin-left: 1em !important
}

.ml0 {
    margin-left: 0em !important
}

.ml1 {
    margin-left: 1em !important
}

.ml2 {
    margin-left: 2em !important
}

.ml3 {
    margin-left: 3em !important
}

.ml4 {
    margin-left: 4em !important
}

.ml5 {
    margin-left: 5em !important
}

.ml6 {
    margin-left: 6em !important
}

.ml1_1 {
    margin-left: 1em !important
}

.ml1_2 {
    margin-left: .5em !important
}

.ml1_3 {
    margin-left: .33333em !important
}

.ml1_4 {
    margin-left: .25em !important
}

.ml1_5 {
    margin-left: .2em !important
}

.ml1_6 {
    margin-left: .16667em !important
}

.p {
    padding: 1em !important
}

.p0 {
    padding: 0em !important
}

.p1 {
    padding: 1em !important
}

.p2 {
    padding: 2em !important
}

.p3 {
    padding: 3em !important
}

.p4 {
    padding: 4em !important
}

.p5 {
    padding: 5em !important
}

.p6 {
    padding: 6em !important
}

.p1_1 {
    padding: 1em !important
}

.p1_2 {
    padding: .5em !important
}

.p1_3 {
    padding: .33333em !important
}

.p1_4 {
    padding: .25em !important
}

.p1_5 {
    padding: .2em !important
}

.p1_6 {
    padding: .16667em !important
}

.pt {
    padding-top: 1em !important
}

.pt0 {
    padding-top: 0em !important
}

.pt1 {
    padding-top: 1em !important
}

.pt2 {
    padding-top: 2em !important
}

.pt3 {
    padding-top: 3em !important
}

.pt4 {
    padding-top: 4em !important
}

.pt5 {
    padding-top: 5em !important
}

.pt6 {
    padding-top: 6em !important
}

.pt1_1 {
    padding-top: 1em !important
}

.pt1_2 {
    padding-top: .5em !important
}

.pt1_3 {
    padding-top: .33333em !important
}

.pt1_4 {
    padding-top: .25em !important
}

.pt1_5 {
    padding-top: .2em !important
}

.pt1_6 {
    padding-top: .16667em !important
}

.pr {
    padding-right: 1em !important
}

.pr0 {
    padding-right: 0em !important
}

.pr1 {
    padding-right: 1em !important
}

.pr2 {
    padding-right: 2em !important
}

.pr3 {
    padding-right: 3em !important
}

.pr4 {
    padding-right: 4em !important
}

.pr5 {
    padding-right: 5em !important
}

.pr6 {
    padding-right: 6em !important
}

.pr1_1 {
    padding-right: 1em !important
}

.pr1_2 {
    padding-right: .5em !important
}

.pr1_3 {
    padding-right: .33333em !important
}

.pr1_4 {
    padding-right: .25em !important
}

.pr1_5 {
    padding-right: .2em !important
}

.pr1_6 {
    padding-right: .16667em !important
}

.pb {
    padding-bottom: 1em !important
}

.pb0 {
    padding-bottom: 0em !important
}

.pb1 {
    padding-bottom: 1em !important
}

.pb2 {
    padding-bottom: 2em !important
}

.pb3 {
    padding-bottom: 3em !important
}

.pb4 {
    padding-bottom: 4em !important
}

.pb5 {
    padding-bottom: 5em !important
}

.pb6 {
    padding-bottom: 6em !important
}

.pb1_1 {
    padding-bottom: 1em !important
}

.pb1_2 {
    padding-bottom: .5em !important
}

.pb1_3 {
    padding-bottom: .33333em !important
}

.pb1_4 {
    padding-bottom: .25em !important
}

.pb1_5 {
    padding-bottom: .2em !important
}

.pb1_6 {
    padding-bottom: .16667em !important
}

.pl {
    padding-left: 1em !important
}

.pl0 {
    padding-left: 0em !important
}

.pl1 {
    padding-left: 1em !important
}

.pl2 {
    padding-left: 2em !important
}

.pl3 {
    padding-left: 3em !important
}

.pl4 {
    padding-left: 4em !important
}

.pl5 {
    padding-left: 5em !important
}

.pl6 {
    padding-left: 6em !important
}

.pl1_1 {
    padding-left: 1em !important
}

.pl1_2 {
    padding-left: .5em !important
}

.pl1_3 {
    padding-left: .33333em !important
}

.pl1_4 {
    padding-left: .25em !important
}

.pl1_5 {
    padding-left: .2em !important
}

.pl1_6 {
    padding-left: .16667em !important
}

.he {
    height: 1em !important
}

.he0 {
    height: 0em !important
}

.he1 {
    height: 1em !important
}

.he2 {
    height: 2em !important
}

.he3 {
    height: 3em !important
}

.he4 {
    height: 4em !important
}

.he5 {
    height: 5em !important
}

.he6 {
    height: 6em !important
}

.he1_1 {
    height: 1em !important
}

.he1_2 {
    height: .5em !important
}

.he1_3 {
    height: .33333em !important
}

.he1_4 {
    height: .25em !important
}

.he1_5 {
    height: .2em !important
}

.he1_6 {
    height: .16667em !important
}

.w {
    width: 1em !important
}

.w0 {
    width: 0em !important
}

.w1 {
    width: 1em !important
}

.w2 {
    width: 2em !important
}

.w3 {
    width: 3em !important
}

.w4 {
    width: 4em !important
}

.w5 {
    width: 5em !important
}

.w6 {
    width: 6em !important
}

.w1_1 {
    width: 1em !important
}

.w1_2 {
    width: .5em !important
}

.w1_3 {
    width: .33333em !important
}

.w1_4 {
    width: .25em !important
}

.w1_5 {
    width: .2em !important
}

.w1_6 {
    width: .16667em !important
}

.rel {
    position: relative
}

.ib {
    display: inline-block
}

.block {
    display: block
}

.inline {
    display: inline
}

.tcenter {
    text-align: center
}

.tleft {
    text-align: left
}

.tright {
    text-align: right
}

.tjust {
    text-align: justify
}

.fleft {
    float: left
}

.fright {
    float: right
}

.small {
    font-size: 12px
}

.large {
    font-size: 18px
}

.small,
.large {
    line-height: 1.42857
}

.bold {
    font-weight: bold
}

.italic {
    font-weight: italic
}

.full {
    width: 100%
}

.vmid {
    vertical-align: middle
}

.signature {
    font-family: "Harlow Solid Italic" !important;
    line-height: 1.2em;
    color: white !important;
    font-size: 4.714em
}

@media (max-width: 767px) {
    .signature {
        font-size: 3.714em
    }
}

.signature.purple {
    text-shadow: -2px -2px 1px #800df2, 2px -2px 1px #800df2, -2px 2px 1px #800df2, 2px 2px 1px #800df2 !important
}

.signature.pink {
    text-shadow: -2px -2px 1px #b13987, 2px -2px 1px #b13987, -2px 2px 1px #b13987, 2px 2px 1px #b13987 !important
}

.polariod {
    padding: 1em;
    display: inline-block;
    -webkit-transform: rotate(2deg) scale(0.9);
    -moz-transform: rotate(2deg) scale(0.9);
    -ms-transform: rotate(2deg) scale(0.9);
    transform: rotate(2deg) scale(0.9);
    -webkit-transition: 0.15s linear;
    -o-transition: 0.15s linear;
    transition: 0.15s linear;
    -webkit-box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.75);
    box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.75)
}

.polariod:hover {
    -webkit-transform: none;
    -moz-transform: none;
    -ms-transform: none;
    transform: none;
    -webkit-box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.5);
    box-shadow: 0 0.25em 0.5em rgba(0, 0, 0, 0.5)
}

.polariod img {
    min-width: 100%;
    margin-bottom: 1em
}

.cover {
    padding: 3em 0;
    background-repeat: no-repeat;
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
}

@media (min-width: 768px) {
    .cover {
        padding: 7em 0
    }
}

.cover.blue {
    background: #c8bfb3;
    background-repeat: repeat-x;
    background-image: -webkit-linear-gradient(#87CEEB, #87CEEB, #F59231);
    background-image: -o-linear-gradient(#87CEEB, #87CEEB 0%, #F59231 4.2%, #43c8f4 100%);
    background-image: linear-gradient(#000, #87CEEB 0%, #F59231 100%);
}

.cover.ttu {
    background-image: url('/img/ttu.jpg')
}

.full.cover {
    height: auto;
    padding-top: 0em;

}

@media (min-width: 768px) {
    .full.cover {
        height: 100%;
        padding-top: 3em
    }
}

.overlay-red {
    background-color: rgba(255, 41, 52, 0.65);
    padding-top: 1em;
    padding-bottom: 1em
}

@media (min-width: 768px) {
    .overlay-red {
        padding-top: 3em;
        padding-bottom: 3em
    }
}

.overlay-orange {
    background-color: rgba(255, 111, 0, 0.65);
    padding-top: 1em;
    padding-bottom: 1em
}

@media (min-width: 768px) {
    .overlay-orange {
        padding-top: 3em;
        padding-bottom: 3em
    }
}

.overlay-yellow {
    background-color: rgba(230, 237, 12, 0.65);
    padding-top: 1em;
    padding-bottom: 1em
}

@media (min-width: 768px) {
    .overlay-yellow {
        padding-top: 3em;
        padding-bottom: 3em
    }
}

.overlay-green {
    background-color: rgba(20, 200, 29, 0.65);
    padding-top: 1em;
    padding-bottom: 1em
}

@media (min-width: 768px) {
    .overlay-green {
        padding-top: 3em;
        padding-bottom: 3em
    }
}

.overlay-blue {
    background-color: rgba(66, 182, 240, 0.65);
    padding-top: 1em;
    padding-bottom: 1em
}

@media (min-width: 768px) {
    .overlay-blue {
        padding-top: 3em;
        padding-bottom: 3em
    }
}

.overlay-purple {
    background-color: rgba(128, 13, 242, 0.65);
    padding-top: 1em;
    padding-bottom: 1em
}

@media (min-width: 768px) {
    .overlay-purple {
        padding-top: 3em;
        padding-bottom: 3em
    }
}

.overlay-white {
    background-color: rgba(252, 252, 252, 0.65);
    padding-top: 1em;
    padding-bottom: 1em
}

@media (min-width: 768px) {
    .overlay-white {
        padding-top: 3em;
        padding-bottom: 3em
    }
}

.overlay-black {
    background-color: rgba(13, 13, 13, 0.65);
    padding-top: 1em;
    padding-bottom: 1em
}

@media (min-width: 768px) {
    .overlay-black {
        padding-top: 3em;
        padding-bottom: 3em
    }
}

.overlay-gray {
    background-color: rgba(128, 128, 128, 0.65);
    padding-top: 1em;
    padding-bottom: 1em
}

@media (min-width: 768px) {
    .overlay-gray {
        padding-top: 3em;
        padding-bottom: 3em
    }
}

body {
    text-align: center
}

.after {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%
}

.hero {
    margin-top: 2em;
    padding: 2em;
    display: inline-block;
    border: 2px solid #fcfcfc;
    color: #fcfcfc;
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s
}

.hero:hover,
.hero:focus {
    background-color: #fcfcfc;
    color: #030303
}

time {
    font-size: 80%
}

.lang-sprite,
.lang-python,
.lang-gml,
.lang-java,
.lang-javascript,
.lang-jquery,
.lang-memcached,
.lang-php {
    background-image: url('/img/lang1.png');
    background-repeat: no-repeat
}

.lang-python {
    background-position: 0 0
}

.lang-gml {
    background-position: 0 -54px
}

.lang-java {
    background-position: 0 -108px
}

.lang-javascript {
    background-position: 0 -162px
}

.lang-jquery {
    background-position: 0 -216px
}

.lang-memcached {
    background-position: 0 -270px
}

.lang-php {
    background-position: 0 -324px
}

@font-face {
    font-family: Harlow Solid Italic;
    src: url('/font/HarlowSolidItalic.ttf')
}

@font-face {
    font-family: Fjalla One;
    font-style: normal;
    font-weight: 400;
    src: local("Fjalla One"), local("FjallaOne-Regular"), url(//themes.googleusercontent.com/static/fonts/fjallaone/v1/rxxXUYj4oZ6Q5oDJFtEd6hsxEYwM7FgeyaSgU71cLG0.woff) format("woff")
}

@font-face {
    font-family: Sansation Light;
    src: url('/font/SansationLight.woff')
}

@media screen and (min-width: 768px) {
    .spark {
        position: absolute;
        pointer-events: none;
        border-radius: 50%
    }
    @-webkit-keyframes bounceInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-2000px)
        }
        60% {
            opacity: 1;
            -webkit-transform: translateX(30px)
        }
        80% {
            -webkit-transform: translateX(-10px)
        }
        100% {
            -webkit-transform: translateX(0)
        }
    }
    @-moz-keyframes bounceInLeft {
        0% {
            opacity: 0;
            -moz-transform: translateX(-2000px)
        }
        60% {
            opacity: 1;
            -moz-transform: translateX(30px)
        }
        80% {
            -moz-transform: translateX(-10px)
        }
        100% {
            -moz-transform: translateX(0)
        }
    }
    @-o-keyframes bounceInLeft {
        0% {
            opacity: 0;
            -o-transform: translateX(-2000px)
        }
        60% {
            opacity: 1;
            -o-transform: translateX(30px)
        }
        80% {
            -o-transform: translateX(-10px)
        }
        100% {
            -o-transform: translateX(0)
        }
    }
    @keyframes bounceInLeft {
        0% {
            opacity: 0;
            transform: translateX(-2000px)
        }
        60% {
            opacity: 1;
            transform: translateX(30px)
        }
        80% {
            transform: translateX(-10px)
        }
        100% {
            transform: translateX(0)
        }
    }
    .bounceInLeft {
        -webkit-animation-name: bounceInLeft;
        -moz-animation-name: bounceInLeft;
        -o-animation-name: bounceInLeft;
        animation-name: bounceInLeft
    }
    @-webkit-keyframes bounceInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(2000px)
        }
        60% {
            opacity: 1;
            -webkit-transform: translateX(-30px)
        }
        80% {
            -webkit-transform: translateX(10px)
        }
        100% {
            -webkit-transform: translateX(0)
        }
    }
    @-moz-keyframes bounceInRight {
        0% {
            opacity: 0;
            -moz-transform: translateX(2000px)
        }
        60% {
            opacity: 1;
            -moz-transform: translateX(-30px)
        }
        80% {
            -moz-transform: translateX(10px)
        }
        100% {
            -moz-transform: translateX(0)
        }
    }
    @-o-keyframes bounceInRight {
        0% {
            opacity: 0;
            -o-transform: translateX(2000px)
        }
        60% {
            opacity: 1;
            -o-transform: translateX(-30px)
        }
        80% {
            -o-transform: translateX(10px)
        }
        100% {
            -o-transform: translateX(0)
        }
    }
    @keyframes bounceInRight {
        0% {
            opacity: 0;
            transform: translateX(2000px)
        }
        60% {
            opacity: 1;
            transform: translateX(-30px)
        }
        80% {
            transform: translateX(10px)
        }
        100% {
            transform: translateX(0)
        }
    }
    .bounceInRight {
        -webkit-animation-name: bounceInRight;
        -moz-animation-name: bounceInRight;
        -o-animation-name: bounceInRight;
        animation-name: bounceInRight
    }
    @-webkit-keyframes bounceOutLeft {
        0% {
            -webkit-transform: translateX(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateX(20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-2000px)
        }
    }
    @-moz-keyframes bounceOutLeft {
        0% {
            -moz-transform: translateX(0)
        }
        20% {
            opacity: 1;
            -moz-transform: translateX(20px)
        }
        100% {
            opacity: 0;
            -moz-transform: translateX(-2000px)
        }
    }
    @-o-keyframes bounceOutLeft {
        0% {
            -o-transform: translateX(0)
        }
        20% {
            opacity: 1;
            -o-transform: translateX(20px)
        }
        100% {
            opacity: 0;
            -o-transform: translateX(-2000px)
        }
    }
    @keyframes bounceOutLeft {
        0% {
            transform: translateX(0)
        }
        20% {
            opacity: 1;
            transform: translateX(20px)
        }
        100% {
            opacity: 0;
            transform: translateX(-2000px)
        }
    }
    .bounceOutLeft {
        -webkit-animation-name: bounceOutLeft;
        -moz-animation-name: bounceOutLeft;
        -o-animation-name: bounceOutLeft;
        animation-name: bounceOutLeft
    }
    @-webkit-keyframes bounceOutRight {
        0% {
            -webkit-transform: translateX(0)
        }
        20% {
            opacity: 1;
            -webkit-transform: translateX(-20px)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(2000px)
        }
    }
    @-moz-keyframes bounceOutRight {
        0% {
            -moz-transform: translateX(0)
        }
        20% {
            opacity: 1;
            -moz-transform: translateX(-20px)
        }
        100% {
            opacity: 0;
            -moz-transform: translateX(2000px)
        }
    }
    @-o-keyframes bounceOutRight {
        0% {
            -o-transform: translateX(0)
        }
        20% {
            opacity: 1;
            -o-transform: translateX(-20px)
        }
        100% {
            opacity: 0;
            -o-transform: translateX(2000px)
        }
    }
    @keyframes bounceOutRight {
        0% {
            transform: translateX(0)
        }
        20% {
            opacity: 1;
            transform: translateX(-20px)
        }
        100% {
            opacity: 0;
            transform: translateX(2000px)
        }
    }
    .bounceOutRight {
        -webkit-animation-name: bounceOutRight;
        -moz-animation-name: bounceOutRight;
        -o-animation-name: bounceOutRight;
        animation-name: bounceOutRight
    }
    @-webkit-keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    @-moz-keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    @-o-keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    @keyframes fadeIn {
        0% {
            opacity: 0
        }
        100% {
            opacity: 1
        }
    }
    .fadeIn {
        -webkit-animation-name: fadeIn;
        -moz-animation-name: fadeIn;
        -o-animation-name: fadeIn;
        animation-name: fadeIn
    }
    @-webkit-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
    }
    @-moz-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -moz-transform: translateX(-20px)
        }
        100% {
            opacity: 1;
            -moz-transform: translateX(0)
        }
    }
    @-o-keyframes fadeInLeft {
        0% {
            opacity: 0;
            -o-transform: translateX(-20px)
        }
        100% {
            opacity: 1;
            -o-transform: translateX(0)
        }
    }
    @keyframes fadeInLeft {
        0% {
            opacity: 0;
            transform: translateX(-20px)
        }
        100% {
            opacity: 1;
            transform: translateX(0)
        }
    }
    .fadeInLeft {
        -webkit-animation-name: fadeInLeft;
        -moz-animation-name: fadeInLeft;
        -o-animation-name: fadeInLeft;
        animation-name: fadeInLeft
    }
    @-webkit-keyframes fadeInRight {
        0% {
            opacity: 0;
            -webkit-transform: translateX(20px)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
    }
    @-moz-keyframes fadeInRight {
        0% {
            opacity: 0;
            -moz-transform: translateX(20px)
        }
        100% {
            opacity: 1;
            -moz-transform: translateX(0)
        }
    }
    @-o-keyframes fadeInRight {
        0% {
            opacity: 0;
            -o-transform: translateX(20px)
        }
        100% {
            opacity: 1;
            -o-transform: translateX(0)
        }
    }
    @keyframes fadeInRight {
        0% {
            opacity: 0;
            transform: translateX(20px)
        }
        100% {
            opacity: 1;
            transform: translateX(0)
        }
    }
    .fadeInRight {
        -webkit-animation-name: fadeInRight;
        -moz-animation-name: fadeInRight;
        -o-animation-name: fadeInRight;
        animation-name: fadeInRight
    }
    @-webkit-keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    @-moz-keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    @-o-keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    @keyframes fadeOut {
        0% {
            opacity: 1
        }
        100% {
            opacity: 0
        }
    }
    .fadeOut {
        -webkit-animation-name: fadeOut;
        -moz-animation-name: fadeOut;
        -o-animation-name: fadeOut;
        animation-name: fadeOut
    }
    @-webkit-keyframes fadeOutLeft {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(-20px)
        }
    }
    @-moz-keyframes fadeOutLeft {
        0% {
            opacity: 1;
            -moz-transform: translateX(0)
        }
        100% {
            opacity: 0;
            -moz-transform: translateX(-20px)
        }
    }
    @-o-keyframes fadeOutLeft {
        0% {
            opacity: 1;
            -o-transform: translateX(0)
        }
        100% {
            opacity: 0;
            -o-transform: translateX(-20px)
        }
    }
    @keyframes fadeOutLeft {
        0% {
            opacity: 1;
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            transform: translateX(-20px)
        }
    }
    .fadeOutLeft {
        -webkit-animation-name: fadeOutLeft;
        -moz-animation-name: fadeOutLeft;
        -o-animation-name: fadeOutLeft;
        animation-name: fadeOutLeft
    }
    @-webkit-keyframes fadeOutRight {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(20px)
        }
    }
    @-moz-keyframes fadeOutRight {
        0% {
            opacity: 1;
            -moz-transform: translateX(0)
        }
        100% {
            opacity: 0;
            -moz-transform: translateX(20px)
        }
    }
    @-o-keyframes fadeOutRight {
        0% {
            opacity: 1;
            -o-transform: translateX(0)
        }
        100% {
            opacity: 0;
            -o-transform: translateX(20px)
        }
    }
    @keyframes fadeOutRight {
        0% {
            opacity: 1;
            transform: translateX(0)
        }
        100% {
            opacity: 0;
            transform: translateX(20px)
        }
    }
    .fadeOutRight {
        -webkit-animation-name: fadeOutRight;
        -moz-animation-name: fadeOutRight;
        -o-animation-name: fadeOutRight;
        animation-name: fadeOutRight
    }
    @-webkit-keyframes rotateInDownLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -webkit-transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: left bottom;
            -webkit-transform: rotate(0);
            opacity: 1
        }
    }
    @-moz-keyframes rotateInDownLeft {
        0% {
            -moz-transform-origin: left bottom;
            -moz-transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            -moz-transform-origin: left bottom;
            -moz-transform: rotate(0);
            opacity: 1
        }
    }
    @-o-keyframes rotateInDownLeft {
        0% {
            -o-transform-origin: left bottom;
            -o-transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            -o-transform-origin: left bottom;
            -o-transform: rotate(0);
            opacity: 1
        }
    }
    @keyframes rotateInDownLeft {
        0% {
            transform-origin: left bottom;
            transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            transform-origin: left bottom;
            transform: rotate(0);
            opacity: 1
        }
    }
    .rotateInDownLeft {
        -webkit-animation-name: rotateInDownLeft;
        -moz-animation-name: rotateInDownLeft;
        -o-animation-name: rotateInDownLeft;
        animation-name: rotateInDownLeft
    }
    @-webkit-keyframes rotateInDownRight {
        0% {
            -webkit-transform-origin: right bottom;
            -webkit-transform: rotate(90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: right bottom;
            -webkit-transform: rotate(0);
            opacity: 1
        }
    }
    @-moz-keyframes rotateInDownRight {
        0% {
            -moz-transform-origin: right bottom;
            -moz-transform: rotate(90deg);
            opacity: 0
        }
        100% {
            -moz-transform-origin: right bottom;
            -moz-transform: rotate(0);
            opacity: 1
        }
    }
    @-o-keyframes rotateInDownRight {
        0% {
            -o-transform-origin: right bottom;
            -o-transform: rotate(90deg);
            opacity: 0
        }
        100% {
            -o-transform-origin: right bottom;
            -o-transform: rotate(0);
            opacity: 1
        }
    }
    @keyframes rotateInDownRight {
        0% {
            transform-origin: right bottom;
            transform: rotate(90deg);
            opacity: 0
        }
        100% {
            transform-origin: right bottom;
            transform: rotate(0);
            opacity: 1
        }
    }
    .rotateInDownRight {
        -webkit-animation-name: rotateInDownRight;
        -moz-animation-name: rotateInDownRight;
        -o-animation-name: rotateInDownRight;
        animation-name: rotateInDownRight
    }
    @-webkit-keyframes rotateInUpLeft {
        0% {
            -webkit-transform-origin: left bottom;
            -webkit-transform: rotate(90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: left bottom;
            -webkit-transform: rotate(0);
            opacity: 1
        }
    }
    @-moz-keyframes rotateInUpLeft {
        0% {
            -moz-transform-origin: left bottom;
            -moz-transform: rotate(90deg);
            opacity: 0
        }
        100% {
            -moz-transform-origin: left bottom;
            -moz-transform: rotate(0);
            opacity: 1
        }
    }
    @-o-keyframes rotateInUpLeft {
        0% {
            -o-transform-origin: left bottom;
            -o-transform: rotate(90deg);
            opacity: 0
        }
        100% {
            -o-transform-origin: left bottom;
            -o-transform: rotate(0);
            opacity: 1
        }
    }
    @keyframes rotateInUpLeft {
        0% {
            transform-origin: left bottom;
            transform: rotate(90deg);
            opacity: 0
        }
        100% {
            transform-origin: left bottom;
            transform: rotate(0);
            opacity: 1
        }
    }
    .rotateInUpLeft {
        -webkit-animation-name: rotateInUpLeft;
        -moz-animation-name: rotateInUpLeft;
        -o-animation-name: rotateInUpLeft;
        animation-name: rotateInUpLeft
    }
    @-webkit-keyframes rotateInUpRight {
        0% {
            -webkit-transform-origin: right bottom;
            -webkit-transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            -webkit-transform-origin: right bottom;
            -webkit-transform: rotate(0);
            opacity: 1
        }
    }
    @-moz-keyframes rotateInUpRight {
        0% {
            -moz-transform-origin: right bottom;
            -moz-transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            -moz-transform-origin: right bottom;
            -moz-transform: rotate(0);
            opacity: 1
        }
    }
    @-o-keyframes rotateInUpRight {
        0% {
            -o-transform-origin: right bottom;
            -o-transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            -o-transform-origin: right bottom;
            -o-transform: rotate(0);
            opacity: 1
        }
    }
    @keyframes rotateInUpRight {
        0% {
            transform-origin: right bottom;
            transform: rotate(-90deg);
            opacity: 0
        }
        100% {
            transform-origin: right bottom;
            transform: rotate(0);
            opacity: 1
        }
    }
    .rotateInUpRight {
        -webkit-animation-name: rotateInUpRight;
        -moz-animation-name: rotateInUpRight;
        -o-animation-name: rotateInUpRight;
        animation-name: rotateInUpRight
    }
    @-webkit-keyframes rollIn {
        0% {
            opacity: 0;
            -webkit-transform: translateX(-100%) rotate(-120deg)
        }
        100% {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0deg)
        }
    }
    @-moz-keyframes rollIn {
        0% {
            opacity: 0;
            -moz-transform: translateX(-100%) rotate(-120deg)
        }
        100% {
            opacity: 1;
            -moz-transform: translateX(0px) rotate(0deg)
        }
    }
    @-o-keyframes rollIn {
        0% {
            opacity: 0;
            -o-transform: translateX(-100%) rotate(-120deg)
        }
        100% {
            opacity: 1;
            -o-transform: translateX(0px) rotate(0deg)
        }
    }
    @keyframes rollIn {
        0% {
            opacity: 0;
            transform: translateX(-100%) rotate(-120deg)
        }
        100% {
            opacity: 1;
            transform: translateX(0px) rotate(0deg)
        }
    }
    .rollIn {
        -webkit-animation-name: rollIn;
        -moz-animation-name: rollIn;
        -o-animation-name: rollIn;
        animation-name: rollIn
    }
    @-webkit-keyframes rollOut {
        0% {
            opacity: 1;
            -webkit-transform: translateX(0px) rotate(0deg)
        }
        100% {
            opacity: 0;
            -webkit-transform: translateX(100%) rotate(120deg)
        }
    }
    @-moz-keyframes rollOut {
        0% {
            opacity: 1;
            -moz-transform: translateX(0px) rotate(0deg)
        }
        100% {
            opacity: 0;
            -moz-transform: translateX(100%) rotate(120deg)
        }
    }
    @-o-keyframes rollOut {
        0% {
            opacity: 1;
            -o-transform: translateX(0px) rotate(0deg)
        }
        100% {
            opacity: 0;
            -o-transform: translateX(100%) rotate(120deg)
        }
    }
    @keyframes rollOut {
        0% {
            opacity: 1;
            transform: translateX(0px) rotate(0deg)
        }
        100% {
            opacity: 0;
            transform: translateX(100%) rotate(120deg)
        }
    }
    .rollOut {
        -webkit-animation-name: rollOut;
        -moz-animation-name: rollOut;
        -o-animation-name: rollOut;
        animation-name: rollOut
    }
    @-webkit-keyframes zoomIn {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.3, 0.3, 0.3)
        }
        50% {
            opacity: 1
        }
    }
    @-moz-keyframes zoomIn {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.3, 0.3, 0.3)
        }
        50% {
            opacity: 1
        }
    }
    @-o-keyframes zoomIn {
        0% {
            opacity: 0;
            -o-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";
        -moz-animation-name: "zoomIn";
        -o-animation-name: "zoomIn";
        animation-name: "zoomIn"
    }
    @-webkit-keyframes zoomInLeft {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }
    @-moz-keyframes zoomInLeft {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }
        60% {
            opacity: 1;
            -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }
    @-o-keyframes zoomInLeft {
        0% {
            opacity: 0;
            -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }
        60% {
            opacity: 1;
            -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }
    @keyframes zoomInLeft {
        0% {
            opacity: 0;
            transform: scale3d(0.1, 0.1, 0.1) translate3d(-1000px, 0, 0);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }
        60% {
            opacity: 1;
            transform: scale3d(0.475, 0.475, 0.475) translate3d(10px, 0, 0);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }
    .zoomInLeft {
        -webkit-animation-name: "zoomInLeft";
        -moz-animation-name: "zoomInLeft";
        -o-animation-name: "zoomInLeft";
        animation-name: "zoomInLeft"
    }
    @-webkit-keyframes zoomInRight {
        0% {
            opacity: 0;
            -webkit-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }
        60% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            -webkit-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }
    @-moz-keyframes zoomInRight {
        0% {
            opacity: 0;
            -moz-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            -moz-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }
        60% {
            opacity: 1;
            -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            -moz-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }
    @-o-keyframes zoomInRight {
        0% {
            opacity: 0;
            -o-transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            -o-animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }
        60% {
            opacity: 1;
            -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            -o-animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }
    @keyframes zoomInRight {
        0% {
            opacity: 0;
            transform: scale3d(0.1, 0.1, 0.1) translate3d(1000px, 0, 0);
            animation-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19)
        }
        60% {
            opacity: 1;
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-10px, 0, 0);
            animation-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1)
        }
    }
    .zoomInRight {
        -webkit-animation-name: "zoomInRight";
        -moz-animation-name: "zoomInRight";
        -o-animation-name: "zoomInRight";
        animation-name: "zoomInRight"
    }
    @-webkit-keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
        }
        100% {
            opacity: 0;
            -webkit-transform: scale3d(0.1) translate3d(-2000px, 0, 0);
            -webkit-transform-origin: left center
        }
    }
    @-moz-keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
        }
        100% {
            opacity: 0;
            -moz-transform: scale3d(0.1) translate3d(-2000px, 0, 0);
            -moz-transform-origin: left center
        }
    }
    @-o-keyframes zoomOutLeft {
        40% {
            opacity: 1;
            -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
        }
        100% {
            opacity: 0;
            -o-transform: scale3d(0.1) translate3d(-2000px, 0, 0);
            -o-transform-origin: left center
        }
    }
    @keyframes zoomOutLeft {
        40% {
            opacity: 1;
            transform: scale3d(0.475, 0.475, 0.475) translate3d(42px, 0, 0)
        }
        100% {
            opacity: 0;
            transform: scale3d(0.1) translate3d(-2000px, 0, 0);
            transform-origin: left center
        }
    }
    .zoomOutLeft {
        -webkit-animation-name: "zoomOutLeft";
        -moz-animation-name: "zoomOutLeft";
        -o-animation-name: "zoomOutLeft";
        animation-name: "zoomOutLeft"
    }
    @-webkit-keyframes zoomOutRight {
        40% {
            opacity: 1;
            -webkit-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
        }
        100% {
            opacity: 0;
            -webkit-transform: scale3d(0.1) translate3d(2000px, 0, 0);
            -webkit-transform-origin: right center
        }
    }
    @-moz-keyframes zoomOutRight {
        40% {
            opacity: 1;
            -moz-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
        }
        100% {
            opacity: 0;
            -moz-transform: scale3d(0.1) translate3d(2000px, 0, 0);
            -moz-transform-origin: right center
        }
    }
    @-o-keyframes zoomOutRight {
        40% {
            opacity: 1;
            -o-transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
        }
        100% {
            opacity: 0;
            -o-transform: scale3d(0.1) translate3d(2000px, 0, 0);
            -o-transform-origin: right center
        }
    }
    @keyframes zoomOutRight {
        40% {
            opacity: 1;
            transform: scale3d(0.475, 0.475, 0.475) translate3d(-42px, 0, 0)
        }
        100% {
            opacity: 0;
            transform: scale3d(0.1) translate3d(2000px, 0, 0);
            transform-origin: right center
        }
    }
    .zoomOutRight {
        -webkit-animation-name: "zoomOutRight";
        -moz-animation-name: "zoomOutRight";
        -o-animation-name: "zoomOutRight";
        animation-name: "zoomOutRight"
    }
    .animated {
        z-index: 3;
        -webkit-animation-duration: 1s;
        -moz-animation-duration: 1s;
        -o-animation-duration: 1s;
        animation-duration: 1s;
        -webkit-animation-fill-mode: both;
        -moz-animation-fill-mode: both;
        -o-animation-fill-mode: both;
        animation-fill-mode: both
    }
    .animated.infinite {
        -webkit-animation-iteration-count: infinite;
        -moz-animation-iteration-count: infinite;
        -o-animation-iteration-count: infinite;
        animation-iteration-count: infinite
    }
    .animated.hinge {
        -webkit-animation-duration: 2s;
        -moz-animation-duration: 2s;
        -o-animation-duration: 2s;
        animation-duration: 2s
    }
}

/* Menu Nav */
header {
    background-color: rgba(211, 211, 211, 1);
    border-bottom: 2px solid rgba(0,0,0,.15);
    display: flex;
    flex-direction: column;
    text-align: center;
    z-index: 1000;
}

    header > div#logo {
        line-height: 70px;
        position: relative;
    }

    header > .menuDown {
        box-shadow: 0 3px 5px rgba(0,0,0,.15);
    }

    header > .menuUp {
        box-shadow: none;
    }

        header > div#logo > h1 {
            color: white;
            font-weight: 300;
            text-transform: lowercase;
        }

        header > div#logo > div#navToggle {
            background-color: rgba(0,0,0,.15);
            position: absolute;
            right: 0;
            top: 0;
            transition: 300ms all ease;
        }

            header > div#logo > div#navToggle:hover {
                background-color: rgba(0,0,0,.1);
            }

            header > div#logo > div#navToggle > a {
                color: rgba(255,255,255,.85);
                display: block;
                font-size: 0.85em;
                font-weight: 600;
                padding: 0 2.5rem;
                text-decoration: none;
                transition: 300ms all ease;
            }

                header > div#logo > div#navToggle:hover > a {
                    color: rgba(255,255,255,1);

                }

    header > nav {
        background-color: white;
        display: none;
        flex: 1;
        transform: 300ms all ease;

    }

        header nav > ul {
            list-style-type: none;
        }

            header nav > ul > li {
                border-bottom: 1px dotted rgba(0,0,0,.1);
                position: relative;
            }

                header nav > ul > li:last-of-type {
                    border-bottom: none;
                }

                header nav > ul > li > a {
                    display: block;
                    color: rgba(0,0,0,.65);
                    font-weight: 700;
                    padding: 1.5rem 0;
                    text-decoration: none;
                    transition: 250ms all ease;
                }

					header nav > ul > li > a span.toggle {
						background-color: rgba(0,0,0,.05);
						border-radius: 3rem;
						color: rgba(0,0,0,.25);
						font-size: 0.75em;
						font-weight: 500;
						padding: 2px 8px;
						text-transform: lowercase;
					}

					header nav > ul > li > a span.caret {
                        display: none;
					}

                    header > nav > ul > li:hover > a {
                        color: rgba(70, 72, 72, 1);
                    }

            header > nav > ul > li > nav {
                background-color: rgb(51,51,51);
                border-radius: 1.5em;
                box-shadow: 0 2px 8px rgba(0,0,0,.6);
                display: none;
                overflow: hidden;
                position: absolute;
                right: 5%;
                width: 90%;
                z-index: 0;
            }

                header > nav > ul > li > nav > ul > li > a {
                    color: rgba(255,255,255,.85);
                    transition: 300ms all ease;
                }

                    header > nav > ul > li > nav > ul > li:hover > a {
                        background-color: rgba(0,0,0,.6);
                        color: rgba(255,255,255,1);
                    }

/* Medium screens */
@media all and (min-width: 713px) {
    header > div#logo > div#navToggle {
        display: none;
    }

    header {
        background: linear-gradient(#ffffff 60%, #DFDDB5 140%);
        flex-direction: row;
        line-height: 90px;
        padding: 0 3rem;
		position: fixed;
        text-align: left;
		width: 100%;
    }

        header > div#logo {
            background-color: transparent;
            line-height: 90px;
        }

            header > div#logo > h1 {
                color: rgb(140, 193, 193);
            }

    header > nav {
        background-color: transparent;
        display: block;
    }

        header > nav > ul {
            display: flex;
            flex-flow: row wrap;
            justify-content: flex-end;
        }

            header nav > ul > li {
                border-bottom: none;
            }

                header nav > ul > li > a {
                    padding: 0 1.25rem;
                }

					header nav > ul > li > a span.toggle {
						display: none;
					}

					header nav > ul > li > a span.caret {
                        border-bottom: 4px solid transparent;
                        border-top: 4px solid rgba(0,0,0,.65);
                        border-right: 4px solid transparent;
                        border-left: 4px solid transparent;
						border-radius: 1px;
						content: "";
						display: inline-block;
						height: 0;
						margin: 0 0 0 .25rem;
						transition: 250ms all ease;
						width: 0;
						vertical-align: middle;
					}

						header nav > ul > li:hover > a span.caret {
							border-top-color: rgb(140, 193, 193);
							transform: rotate(270deg);
						}

    header > nav > ul > li:hover > nav {
        background-color: rgb(51,51,51);
        border-radius: .25em;
        box-shadow: 0 2px 8px rgba(0,0,0,.6);
        display: block;
        line-height: 3em;
        right: -50%;
        width: 196px;
    }
}

.nav-up {
    top: -100px;
}

#bigcover {

}

.bigcover img{
    width: 100%;
    height:auto;
    bottom: 0;
    left: 0;
}