html{height:100%}
body{height:100%;min-height:35rem;position:relative;font-family:'Source Sans Pro';font-weight:300;background:url(../images/bg.jpg) no-repeat;background-size:cover;background-position:top center}
h1,h2,h3,h4,h5,h6{font-family:Merriweather;font-weight:700}
video{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;transform:translateX(-50%) translateY(-50%);z-index:0}
@media (pointer:coarse) and (hover:none){
body{background:url(../images/bg.jpg) #002e66 no-repeat center center scroll;background-position:cover}
body video{display:none}
}
.overlay{position:absolute;top:0;left:0;height:100%;width:100%;background-color:#6f860078;opacity:.54;z-index:1}
.masthead{position:relative;overflow:hidden;padding-bottom:3rem;z-index:2}
.masthead .masthead-bg{position:absolute;top:0;bottom:0;right:0;left:0;width:100%;min-height:35rem;height:100%;background-color:#1b2b35;transform:skewY(4deg);transform-origin:bottom right}
.masthead .masthead-content h1{font-size:2.5rem}
.masthead .masthead-content p{font-size:1.2rem}
.masthead .masthead-content p strong{font-weight:700}
.masthead .masthead-content .input-group-newsletter input{font-size:1rem;padding:1rem}
.masthead .masthead-content .input-group-newsletter button{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;}
.fit4genx-logo {
    right: 20%;
    top: 30%;
}
.fit4genx-logo img {
    width: 275px;
}
@media (min-width:768px){
.masthead{height:100%;min-height:0;width:50%;padding-bottom:0}
.masthead .masthead-bg{min-height:0;transform:skewX(-8deg);transform-origin:top right}
.masthead .masthead-content{padding-left:3rem;padding-right:10rem}
.masthead .masthead-content h1{font-size:4rem}
.masthead .masthead-content p{font-size:1.3rem}
}
.social-icons{position:absolute;margin-bottom:2rem;width:100%;z-index:2}
.social-icons ul{margin-top:2rem;width:100%;text-align:center}
.social-icons ul>li{margin-left:1rem;margin-right:1rem;display:inline-block}
.social-icons ul>li>a{display:block;color:#1b2b35;background-color:#ffc107;border-radius:100%;font-size:1rem;line-height:2rem;height:2rem;width:2rem}
@media (min-width:768px){
.social-icons{margin:0;position:absolute;left:17%;bottom:2rem;width:auto}
.social-icons ul{margin-top:0;width:auto}
.social-icons ul>li{display: inline-block;margin-left:0;margin-right:0.5rem;margin-bottom:0;}
.social-icons ul>li:last-child{margin-right:0}
.social-icons ul>li>a{transition:all .2s ease-in-out;font-size:1rem;line-height:2rem;height:2rem;width:2rem}
.social-icons ul>li>a:hover{background:#fff;color:#1b2b35}
}
.input{font-weight:300!important}