/* GLOBAL */
body{
            font-family: 'Roboto', sans-serif;
            position: relative;
            height: 100vh;
            overflow: hidden;
            display:flex;
            flex-direction: column;
            justify-content: center;
            background-color: black;
            z-index: 100;
            animation-name: fadein;
            animation-duration: 2s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
#background-image{
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    width: 100vw;
    height: 100vh;
    position: absolute;
    top: 0;
    left: 0;
    z-index: -1;
    animation-name: fadein;
    animation-duration: 3.5s;
    /* animation-delay: 1s; */
    animation-timing-function: cubic-bezier(0.645, 0.045, 0.355, 1.000);
    opacity: 0;
    animation-fill-mode: forwards;
            
}
a:hover{
    opacity: 0.5;
}
p{
    color: #E4E4E4;
    font-size: 16px;
    font-family: 'Roboto', sans-serif;
}
a:link,a:visited,a:active{
    border-bottom: 1px solid rgba(255, 255, 255, .5);
    color: #f4f4f4;
    text-decoration: none;
    cursor: pointer;
}
h3, h4{
    font-weight: 500;
    color: #f4f4f4;
    font-family: 'Roboto', sans-serif;
	
}
/*  ====================== MOBILE ======================*/
.neusis-logo{
    padding-bottom: 40vh;
}
.neusis-logo img{
    width: 50vw;
    margin: 0 auto;
}

h3 {
    font-size: 32px;
}
h4{
    font-size: 28px;
}
h4 span{
    font-size: 20px;
    font-weight: 400;
}
.text{
    position: absolute;
    bottom: 5vh;
    left: 0;
    margin: 0 auto;
}
/*  ====================== TABLET ======================*/
@media only screen and (min-width: 640px){
    a:link,a:visited,a:active{
        border-bottom: 1px solid rgba(255, 255, 255, .6);
    }
    p{
        font-size: 20px;
    }
    h4{
        font-size: 28px;
    }
    .neusis-logo img{
        width: 30vw;
    }
}

/*  ====================== DESKTOP ======================*/
@media only screen and (min-width: 1024px){
    .neusis-logo img{
        width: 20vw;
    }
}


/*  ====================== IOS Browser Bottom Bar ======================*/
/* Iphone5/SE */
@media screen and (min-width: 320px) and (max-width:320px){
    .text{
        bottom: 15vh !important;
    }
}
/* Iphone6/7/8 + X */
@media screen and (min-width: 375px) and (max-width:375px){
    .text{
        bottom: 15vh !important;
    }
}
/* Iphone6/7/8 Plus */
@media screen and (min-width: 414px) and (max-width:414px){
    .text{
        bottom: 15vh !important;
    }
}