@import url('https://fonts.googleapis.com/css?family=Montserrat:100,200,300,400|Roboto&display=swap');
/*
font-family: 'Montserrat', sans-serif;
font-family: 'roboto', sans-serif;
*/

body,html{
    margin:0;
    padding:0;
    width:100vw;
    height:100vh;
    max-height: 6000px;
    max-width: 4000px;
    font-family: 'Montserrat', sans-serif;
    
    -webkit-font-smoothing: antialiased;
    -webkit-overflow-scrolling: touch;
    overflow:hidden;
}

p{
    font-family: 'Roboto', sans-serif;
    font-size:1.1em;
}
#header{
    height:10%;
    width:100%;
    margin:0;
    padding:0;
    background-color:#eee;
    
    display:flex;
    justify-content:space-between;
    align-items:center;
    
}
#content{
    height:90vh;
    width:100vw;
    background-color:#182629;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    -webkit-box-shadow: inset 0px 40px 16px -40px rgba(0,0,0,0.35);
    -moz-box-shadow: inset 0px 40px 16px -40px rgba(0,0,0,0.35);
    box-shadow: inset 0px 40px 16px -40px rgba(0,0,0,0.35);
}
.heading-items {
    height: 90%;
    padding:25px;

}
.fill-parent{
    height:100%;
    width:100%;
    display:flex;
}

.heading-items{
    width:30%;
}

.heading-items:nth-child(1) div {
  justify-content:flex-start;
  height:100%;
}

.heading-items:nth-child(2) div {
  justify-content:center;
}
.heading-items:nth-child(2){
  padding: 0;
}

.heading-items:nth-child(3) div {
  justify-content:flex-end;
  position:relative;
}


#loadbar{
    height: 100%;
    width:100%;
    display:inline-block;
    position:relative;
    left:15%;
}


img{
    height:100%;
}

#ad{
    height: 100%;
    width:100vw;
}

@media only screen and (min-width: 800px) {
    #header{
        height:15%;
    }
    #content{
        height:85vh;
    }
}





.noclick{
    cursor:default;
}