/* @font-face {
    font-family: 'hel';
    src:  URL('../fonts/HelveticaNeue.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'helb';
    src:  URL('../fonts/HelveticaNeueHv.ttf') format('truetype');
} */
body{
    position: absolute;
    min-width: 100%;
    max-width: 100;;
    margin:0px;
    top:0px;
    left:0px;
    font-family: Verdana, Geneva, Tahoma, sans-serif;
    background-color: #f5f5f5;
    overflow-x: hidden;;
     font-size: 11pt;
 }
header{ 
    position: relative;
    background-color:#2e8bd1;
    min-height: 100px;
    max-height: 100px;
    min-width: 105%;
    max-width: 105%;
}
#logo{
    position: relative;
    float:left;
    min-height: 100px;
    max-height: 100px;
    min-width: 50%;
    max-width: 50%;
    margin-left:3%;
    background-color: #2e8bd1;
}
#logo > img{
    top:-60px;
    position: absolute;
    min-height: 300px;
    max-height: 100%;
    max-width: 100%;
    text-align: center;
}
#contact-info{
    top:50px;
    position: relative;
    float:left;
    margin-left:18%;
    min-height: 20px;
    max-width: 20px;
    min-width: 20%;
    max-width: 20%;
    color:White;
}

/* containers */
#everything-container{
    overflow: hidden;
    padding-top: 10px;
    position: relative;
    max-width:89%;
    left:6%;
    padding-bottom:300px;
    background-color: white;;
}
#container-one{
    min-height: 300px;
    min-width: 100%;
    max-width: 100%;
    overflow: auto; 
}
#container-two{
    min-height: 300px;
    min-width: 100%;
    max-width: 100%;
    overflow: auto; 
}


/* inner container */
.header-title{
    position: relative;
    margin-left: 5%;
    font-size: 15pt;
    color:#7db7e2;
}
#image-container-1{
    float:left;
    background-image: url('../image1.png');
    background-position:center;
    background-size: auto;
    min-width: 240px;
    height: 160px;
    margin-right:5%;
    margin-left: 5%;;
    cursor: pointer;
  }
#image-container-2{
    float:left;
    background: url('../image2.png');
    background-position:center;
    background-size: auto;
    min-width: 240px;
    height: 160px;
    margin-right:5%;
    cursor: pointer;
}
#image-container-3{
    position: relative;
    float:left;
    background: url('../image3.png');
    background-position:center;
    background-size: auto;
    min-width: 240px;
    height: 160px;
    margin-right:5%;
    margin-left:5%;
    cursor: pointer;
  }
#image-container-4{
    position: relative;
    float:left;
    background: url('../image4.png');
    background-position:center;
    background-size: auto;
    min-width: 240px;
    height: 160px;
    margin-right:5%;
    cursor: pointer;
}
 
 

@media only screen and (max-width: 1200px) {
 

}



@media only screen and (max-width: 800px) {
    #contact-info{
        top:20px;
    }
    #image-container-4, #image-container-2{
        margin-left: 5%;;
    }
    
}/* }media */