@charset "UTF-8";/**HOME********************************************************/html, body {    overflow-y:hidden;}.home-page-wrap {    width:100vw;    height:100vh;    overflow:hidden;    -webkit-transition:all 0.4s ease;       -moz-transition:all 0.4s ease;         -o-transition:all 0.4s ease;    -webkit-transition-property:all;    -webkit-transition-duration:0.4s;    -webkit-transition-timing-function:ease;}.frame {    width:100%;    height:100%;    position:absolute;    top:-100%;    background-image:url(../img/background.jpg);    background-size:cover;    background-position:center center;    display:-webkit-box;    display:   -moz-box;    display:-ms-flexbox;    display:-webkit-flex;    display:        flex;    -webkit-flex-direction:column;            flex-direction:column;    -webkit-justify-content:space-around;            justify-content:space-around;    padding:20px;    box-sizing:border-box;    overflow:hidden;}.title {    width:220px;    height:220px;    position:relative;    margin:0 auto;}.title-svg {    position:absolute;}#stroke-svg {    fill:none;    stroke:rgba(255,255,255,1);    stroke-width:4px;}#fill-svg, #fill-svg-2 {    fill:white;    animation-name:fadeIn;    -webkit-animation-delay:2s;       -moz-animation-delay:2s;        -ms-animation-delay:2s;         -o-animation-delay:2s;            animation-delay:2s;    -webkit-animation-duration:1s;       -moz-animation-duration:1s;        -ms-animation-duration:1s;         -o-animation-duration:1s;            animation-duration:1s;}.trigger-wrap {    width:150px;    height:80px;    padding:10px;    position:relative;    margin:0 auto;    background-color:rgba(49,49,49,0.70);    opacity:0;}.trigger-wrap.animated {    animation-name:fadeIn;    -webkit-animation-delay:3.5s;       -moz-animation-delay:3.5s;        -ms-animation-delay:3.5s;         -o-animation-delay:3.5s;            animation-delay:3.5s;    -webkit-animation-duration:1s;       -moz-animation-duration:1s;        -ms-animation-duration:1s;         -o-animation-duration:1s;            animation-duration:1s;}button.more-info {    width:130px;    height:60px;    font-family:"Goudy Bookletter 1911";    font-size:1.6em;    tex-align:center;    letter-spacing:1px;    color:white;       -moz-box-sizing:border-box;    -webkit-box-sizing:border-box;            box-sizing:border-box;    border:1px solid white;}button.more-info:hover {    color:#313131;    background:white;}/************************COVER ON*******************************************/.home-page-wrap.cover .frame {    top:0;}.home-page-wrap.cover .enter {    top:100%;}.home-page-wrap.cover .burger {    opacity:0;}/**************COVER OFF************************************************************/.enter {    width:100%;    height:100vh;    position:absolute;    top:0;    background-image:url(../img/hero_bg.jpg);    background-size:cover;    background-position:center center;    overflow:hidden;}.burger {    opacity:1;}.content {    width:100%;    height:auto;    min-height:1px;    position:absolute;    top:280px;    left:0;    bottom:0;    right:0;    background:none;    display:-webkit-box;    display:   -moz-box;    display:-ms-flexbox;    display:-webkit-flex;    display:        flex;    -webkit-flex-direction:column;            flex-direction:column;    -webkit-justify-content:space-around;            justify-content:space-around;    /* background-image:url(../img/hero_bg.png);    background-size: cover;    background-position:center bottom;*/}.enter .title {    top:-100%;    width:120px;    height:120px;}.header-scroll {        position:absolute;    }.block-wrap {    width:auto;    height:auto;    position:absolute;    top:20px;    bottom:20px;    left:20px;    padding:10px;    background-color:#313131;    background-image:url(../img/stripes2.png);    background-size:8px;}.home-overlay {    width:100%;    height:30%;    position:absolute;    bottom:0;    background-image:url(../img/bio_hero_overlay.png);    background-size:100%;    background-position:center top;    background-repeat:no-repeat;}.space {    width:100%;    height:0px;}.news {    width:80vw;    margin:auto 10vw;    padding:15px;    font-size:20px;    line-height:24px;    text-align:center;    color:white;    background-color:rgba(94,199,219,0.40);    border:1px solid white;}.news h1 {    padding:6px;    margin-bottom:12px;    font-family:"Subway Mosaic Solid";    font-size:40px;    color:white;    text-align:center;}.news a {    color:#F18041;}.news a:hover {    color:#FACC5D;}@media (min-width: 320px) and (max-width: 480px) {    .enter .title {        width:80px;        height:80px;        top:10px;    }    .content {        top:0;    }    .space {    height:70px;}    .news {        width:90vw;    margin:auto 5vw;        padding:5px;        font-size:16px;        line-height:20px;    }    .news h1 {        padding:5px;        margin-bottom:10px;        font-size:24px;    }  }@media (min-width: 481px) and (max-width: 568px) {    .enter .title {        width:80px;        height:80px;        top:10px;    }    .content {        top:0px;    }    .space {    height:10px;}    .news {        padding:5px;        font-size:18px;        line-height:22px;    }    .news h1 {        padding:5px;        margin-bottom:10px;        font-size:30px;    }}@media (min-width: 569px) and (max-width: 736px) {        .content {        top:160px;    }    .news {        padding:10px;        font-size:20px;        line-height:24px;    }    .news h1 {        padding:5px;        margin-bottom:10px;        font-size:34px;    }}@media (min-width: 737px) and (max-width: 1024px) {    .content {        top:220px;    }}