html{scroll-behavior: smooth;}
.bg-light{background-color: transparent!important;}
h1,h2,h3,h4,p,a,li{font-family: 'Roboto', sans-serif!important;}
#history h2{margin-top: 20%;}
#banner{background-image:url(img/header.jpg);height:450px;width:100%;float:left;clear: both;background-size: cover;background-repeat: no-repeat;}
#header{width:100%;float: left;clear: both;padding: 30px 0px;}
#intro{width:100%;float: left;clear: both;padding: 50px 0px;background-color: #f1f1f1;text-align: center;color:#0081A2!important;border-bottom:1pt solid rgba(151,151,151,0.3)}
#services{width:100%;float:left;clear: both;padding:50px 0px;}
#services img{width:100%;}
.col-sm-4,.col-sm-6{float:left;}
#history{width:100%;float: left;clear: both;padding: 50px 0px;background-color: #f1f1f1;border-top:1pt solid rgba(151,151,151,0.3);border-bottom:1pt solid rgba(151,151,151,0.3)}
#history img{width:100%;}
#cta{width:100%;float: left;clear: both;padding: 50px 0px;background-color: #fff;text-align: center;}
#cta h2{font-size: 18pt;margin-bottom:20px;}
#cta p{font-size:14pt;}
#footer{background-color: #696969;width:100%;float:left;padding: 100px 0px;clear: both;}
#footer p,#footer h3{color:#fff;}
#footer li{list-style:none;margin:0px 0px 5px 0px;color:#fff}
#footer ul{padding:0px;width:40%;margin-right:10%;float:left;}
#footer li,#footer p{font-size:10pt;}
#footer h3{margin-bottom:30px;font-size:13pt;}
#banner h1{color:#fff;margin-top:150px;font-weight:700;text-shadow: 0 0 4px #000;}
.button{background-color:rgba(0,0,0,0.4);border:solid 1pt rgba(255,255,255,0.3);padding:15px 30px;color:#fff!important;}
.button:hover{text-decoration:none!important;background-color:rgba(0,0,0,0.8);border:1pt solid #fff}
.navbar-light .navbar-nav .nav-link {
    color: rgba(0,0,0,.5);
    font-size: 13pt;
    margin-right: 20px;
    margin-left: 20px;
}
.blue{color:#0081A2!important;}
.nav-link:hover{text-decoration: underline;}




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

p {
    width: 90%;
    margin-left: 5%;
}

li.nav-item {
    width: 100%;
    text-align: center;
    margin: 10px 0px;
}
 .mr-auto, .mx-auto {
    margin-right: auto!important;
    margin-top: 30px;
}
h2 {
    font-size: 1.3rem;
    width: 90%;
    margin-left: 5%;
}    
    
 #banner h1 {
    color: #fff;
    margin-top: 100px;
    font-weight: 700;
    text-shadow: 0 0 4px #000;
    font-size: 25pt;
    width: 90%;
    margin-left: 5%;
}   
 
    .services h2{    margin-top: 30px;}
    
    #history h2{margin-top:0px;}
    #footer{text-align:center!important;}
    
    
}