body{
    font-family: Tahoma, Geneva, sans-serif;
    color: #565554;
    background: #ffffff;

}

h1{
    
    clear: both;
    margin: 0;
    padding: 0;
    color: #006989;

 
    /*
    
        text-align: center;
    font-size: 15px;

          color: #E01919;
    
    
    background: -webkit-linear-gradient(deepskyblue, #E01919);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
    
     */
}

h2{
    
       /*
            text-align: center;
    padding: 10px;


        color: #E01919;
    */

    
    clear: both;
    margin: 0;
    font-size: 20px;
    color: #E01919;
    

    
}

h3{
    

    font-size: 15px;
    color: #006989;
    

}

/*
img{
    
    max-width: 100%;     
    
}
*/


a{
 text-decoration: none;
}

#container{
    box-sizing: border-box;
    max-width: 80%;
    margin: auto;

}



#topBanner{
    box-sizing: border-box;
    max-width: 100%;
    margin: auto;
}


#logo{
    box-sizing: border-box;
    display: block;
}



#contactBanner{
    box-sizing: border-box;

    max-width: 100%;
    margin: auto;
    
}

span{
    color: #E01919;
    font-weight: bold;
}



#navBar{
    box-sizing: border-box;
    max-width: 100%;
    
    
        border-bottom: 1px solid #006989;
    border-top: 1px solid #006989;
    
    /*   
    box-shadow: 2px 2px 2px #888888;
    border-radius: 5px;
    background: #E01919;
    border-top: solid deepskyblue 1px;
    border-bottom: solid deepskyblue 1px;
    */

}



ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

li {
    float: left;
    padding-right: 10px;
}



li a {
    display: block;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 0px;
    
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    color: #E01919;



    /*
    color: #b31414;
    background-color: red;
    color: white;
    */
    

    

}

/* Adjusts links on hover */
li a:hover {
        text-decoration: underline;
        color: #006989;
        
    /*
    font-size: 120%;
    */

}


#pageTitle{




}


#mainContent{
    width: 100%;
    box-sizing: border-box;

    margin: auto;
    overflow: auto;
    box-sizing: border-box;
    padding: 10px;
    border-bottom: 1px solid #006989;
    
    /*
      background: red; /* For browsers that do not support gradients */
 /* background: -webkit-linear-gradient(left, #77C9D4 , #57BC90); /* For Safari 5.1 to 6.0 */
 /* background: -o-linear-gradient(right, #77C9D4 , #57BC90); /* For Opera 11.1 to 12.0 */
 /* background: -moz-linear-gradient(right, #77C9D4 , #57BC90); /* For Firefox 3.6 to 15 */
 /* background: linear-gradient(to right, #77C9D4 , #57BC90); /* Standard syntax */
    
    

}
#mainContent p{
    padding-bottom: 2%;
}
#mainContent a{
    text-decoration: none;
      color: #E01919;
;
}

/*centers image*/
#mainContent img{
    display: block;
    margin: auto;
    width:80%;
    border-radius: 15px; 
    box-shadow: 5px 5px 5px #565554;

}


#heatLossCalc{
    max-width: 75%;
    display: block;
    margin: auto;
    box-sizing: border-box;
    text-align: center;

    color: black;
    font-weight: bold;
    
    
    /*
    border-radius: 25px; 
    box-shadow: 5px 5px 5px #565554;
    
    background: red; /* For browsers that do not support gradients */
    /* background: -webkit-linear-gradient(#E01919, #006989); /* For Safari 5.1 to 6.0 */
    /* background: -o-linear-gradient(red, yellow); /* For Opera 11.1 to 12.0 */
    /* background: -moz-linear-gradient(red, yellow); /* For Firefox 3.6 to 15 */
    /* background: linear-gradient(#E01919, #565554, #006989); /* Standard syntax */
}

#heatLossCalc img{
    border-radius: none; 
    box-shadow: none;
}


#contactInfo{

}

#contactform{

}






@media screen and (max-width: 480px){
    
    /*drops navbar links vertically on smaller screen size*/
        h1{
        
        font-size: 22px;
        text-align: center;
    }

li {
    float: none;
}
    
#logo{
    text-align: center;
    }
#navBar{
        
        float: none;
        text-align: center;
    }
    
#mainContent{
    padding: 5%
    }
    
#mainContent img{
        width: 100%;
    }
    
    
    #contactBanner{
        
                
        float: none;
        text-align: center;
        padding: 5%;
        
    
    }
}