html, body{
    height:100vh;
    width:100%;
    padding:0;
    margin:0;
    font-size:24px;
    font-family:"din-2014";
}

/*Fonts***********************************************************************************************/
h2{
    font-size:40px;
    font-weight:bold;
}
h3{
    font-size:36px;
    font-weight:bold;
}
input, textarea{
    font-size: 18px !important;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
    border-radius: 0 !important;
}

/*General***********************************************************************************************/
.wiu-button{
    background-color:#C1272D;
    color:#fff;
    border:none;
    border-radius:0;
    -webkit-border-radius: 0 !important;
    -moz-border-radius: 0 !important;
}
.full-height{
    height:100%;
}
.full-width{
    width:100%;
}
.flex-justify-even{
    display:flex;
    flex-direction: column;
    justify-content: space-evenly;
    align-items: center;
}
.flex-justify-around{
    display:flex;
    flex-direction: column;
    justify-content: space-around;
}
.flex-justify-center{
    display: flex;
    align-items: center;
    justify-content: center;
}
.mt-5per{
    margin-top:5%;
}
.mb-5per{
    margin-bottom:5%;
}
.mt-10per-desktop{
    margin-top:10%;
}
.mb-10per-desktop{
    margin-bottom:10%;
}
.mt-50{
    margin-top:50px;
}
.red-text{
    color:#C1272D;
}
.hidden-lg-up{
    display:none;
}
.hidden-md-down{
    display:flex;
}
.pl-2-5{
    padding-left:2.5px;
}
.pr-2-5{
    padding-right:2.5px;
}

/*Header***********************************************************************************************/
#Header{
    position:fixed;
    z-index: 999;
    top:0;
    left:0;
    right:0;
    background-color:#fff;
}
.navbar{
    font-weight:bold;
    font-size:24px;
    color:#fff;
    height:80px;
}
.navbar a{
    color:#000;
}
.navbar-brand{
    width:50px;
}
.navbar-brand img{
    width:100%;
}
.mobile-nav-menu{
    background-color:#666666;
    color:#fff;
    display:flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding:15px 50px;
    display: none;
    height:300px;
    margin-bottom:-1px;
}
.mobile-nav-menu a{
    color:#fff;
    font-size:36px;
    width:125px;
    text-align: center;
}
.mobile-nav-menu img{
    margin-bottom:15px;
}
.mobile-button{
    width: 15%;
    height: auto;
}
.mobile-button img{
    width:100%;
    height:100%;
}
.mobile-close{
    display:none;
    width: 10%;
    height:auto;
}
.mobile-close img{
    width:100%;
    height:100%;
}

/*Body***********************************************************************************************/
#ContentWrapper{
    text-align:center;
    height:100%;
    background-image: linear-gradient(to bottom, #c9c8c8, #cac9c9, #cac9c9, #cbcaca, #cbcaca);
}

/*Footer***********************************************************************************************/
#Footer{
    background-color:#C1272D;
    color:#fff;
    font-size:10px;
    height:50px;
}
footer{
    height:100%;
    align-items: center;
    justify-content: center;
    display: flex;
}
footer a, footer a:hover{
    color:#fff;
}

/*Home***********************************************************************************************/
#Home{
    color:#000;
    height:100vh;
    margin-top:80px;

    /*Gradient: */
    background: rgba(255,255,255,1);
    background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(239,239,239,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(47%, rgba(246,246,246,1)), color-stop(100%, rgba(239,239,239,1)));
    background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(239,239,239,1) 100%);
    background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(239,239,239,1) 100%);
    background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(239,239,239,1) 100%);
    background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(246,246,246,1) 47%, rgba(239,239,239,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef', GradientType=0 );
}
.box-img{
    width:73%;
    max-height:100%;
}
.wrap-it-up-img{
    width:60%;
    max-height:100%;
}
.wrap-it-up-container{
    text-align:left;
    flex-direction: column-reverse;
}
.sign-up-textbox{
    margin:0 0 0 auto;
    margin-right:5px;
    border:none;
    width:45%
}
#SignUp{
    margin:0 auto 0 0;
    padding:0 50px;
}
#SignUpMobile{
    padding:0 50px;
}

/*About***********************************************************************************************/
#About{
    height:100vh;
    text-align: center;
    background-color:#666666;
    color:#fff;
}
#About img{
    width:200px;
    margin:0 auto;
}

/*Contact***********************************************************************************************/
#Contact{
    height:100vh;
    text-align: center;

    /*Gradient:*/
    background-image: -ms-linear-gradient(top, #DBDBDB 0%, #C7C6C6 100%);
    background-image: -moz-linear-gradient(top, #DBDBDB 0%, #C7C6C6 100%);
    background-image: -o-linear-gradient(top, #DBDBDB 0%, #C7C6C6 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #DBDBDB), color-stop(100, #C7C6C6));
    background-image: -webkit-linear-gradient(top, #DBDBDB 0%, #C7C6C6 100%);
    background-image: linear-gradient(to bottom, #DBDBDB 0%, #C7C6C6 100%);
}
#Contact a{
    color:#000;
}
.contact-wrap-it-up-img{
    width:60%;
}
#Contact input{
    width:100%;
    border:none;
    margin-top:5px;
}
#Contact textarea{
    width:100%;
    height:200px;
    resize:none;
    border:none;
    margin-top:5px;
}
.contact-info{
    width:100%;
}
.icons img{
    width:15px;
}
.phone-icon img, .email-icon img{
    width:25px;
}
.email-icon{
    white-space: nowrap;
}
.submit{
    width:100%;
    display: flex;

    text-align: right;
}
.submit button{
    margin: 15px 15px 0 auto;
}
.captcha {
    margin-left:4%;
    margin-top:15px;
}
#formError{
    margin: 15px 15px 0 auto;
}
.alert-success{
    background-color:transparent;
    color:#000;
}


/*Mobile**********************************************************************************************/
@media(max-width:992px){
    body{
        font-size: 2.5em;
    }
    h2{
        font-size:1.4em;
    }
    h3{
        font-size:0.7em;
    }
    .hidden-lg-up{
        display:flex;
    }
    .hidden-md-down{
        display:none;
    }
    .no-sm-container{
        width:100%;
        max-width:100%;
        margin:0;
        padding:15px;
    }
    .mb-10per-desktop{
        margin-bottom:0;
    }
    .mt-10per-desktop{
        margin-top:0;
    }
    .mt-25per-mobile{
        margin-top:25%;
    }
    .mb-25per-mobile{
        margin-bottom:25%;
    }
    input, textarea {
        font-size: 0.65em !important;
    }
    .navbar{
        height:150px;
    }
    .navbar-brand{
        width:100px;
        margin-left:25px;
    }

    /*Home***********************************************************************************************/
    .mobile-reverse{
        flex-direction: column-reverse;
    }
    .wrap-it-up-container{
        text-align:center;
    }
    .wrap-it-up-img{
        margin-top:150px;
        width:25%;
    }
    .box-img{
        width:60%;
    }
    .sign-up-textbox{
        margin: 0 auto;
        border: none;
        width: calc(100% - 5rem);
        margin-bottom: 20px;
    }

    #About img{
        width: 50%;
    }

    #Contact{
        height:150vh;
    }
    .contact-wrap-it-up-img{
        width:30%;
    }
    .contact-header{
        font-size: 1.5em;
    }
    .wiu-button{
        font-size: 0.8em;
        padding: 15px 50px;
    }
    .icons img{
        width:30px;
    }
    .phone-icon img, .email-icon img{
        width:50px;
    }
    .contact-info > div{
        padding: 25px 0;
    }

    #Footer{
        height:100px;
        font-size:0.35em;
    }


    .pl-2-5{
        padding-left:15px;
    }
    .pr-2-5{
        padding-right:15px;
    }
}