@charset "utf-8";
/* CSS Document */

.contacthead {margin: 0 1%;}
.navbar-custom {background: #000000; color: #FFFFFF;}
.navbar-custom a {color: #FFFFFF; text-decoration: none;}
.navbar-custom a:hover {color: #FFFFFF; text-decoration: underline;}

footer {background: #000000; color: #FFFFFF; padding:1% 2%; width: 100%;}
footer a {color: #FFFFFF; text-decoration: none;}
footer a:hover {color: #FFFFFF; text-decoration: underline;}
footer ul {list-style: none; padding: 0;}
footer hr {border: 1px solid #FFFFFF;}


.callouts {position: absolute; bottom: 40%;left: 0; margin-left:1%; padding-top: 3%;}

.home {padding: 5%;}
.home a {color: #0000000; text-decoration: none;}
.home a:hover {color: #0000000; text-decoration: none;}
.home:hover {border: 1px solid #ECECEC;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 6px 0 rgba(0, 0, 0, 0.19);}


.brands {padding: 5%;}
.brands a {color: #0000000; text-decoration: none;}
.brands a:hover {color: #0000000; text-decoration: none;}
.brands:hover {border: 1px solid #ECECEC;  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); padding: 2%;}


a {font-weight: bold;}
a:hover {color: #008cb1; text-decoration: none;}

hr.style-two {border: 0; height: 3px; background-image: linear-gradient(to right, #018cb1, rgba(0, 0, 0, 0));}
hr.style-three {; border: 0; height: 3px; background-image: linear-gradient(to right, #fffe05, #589a33, rgba(0, 0, 0, 0));} 
/*hr.style-two {border: 0; height: 3px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #018cb1, rgba(0, 0, 0, 0));}
hr.style-three {border: 0; height: 3px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), #fffe05, #589a33, #fffe05, rgba(0, 0, 0, 0));}*/

ul {list-style-type: none;}

#logo img {padding: 1.5%;}

.nav li {margin: 1%;}
  

.contact {border: none; background-color:#FFFFFF;}


/*Viewport Sizes*/

@media (max-width: 360px) {
.navbar-brand img {width: 25%;}    
.callouts h1 {font-size: .75em;}    
.img-fluid {max-width: 50%; height: auto;} 
 
}

@media (max-width: 576px) {
.navbar-brand img {width: 25%;}    
.callouts h1 {font-size: .75em;}    
.img-fluid {max-width: 50%; height: auto;}
}

@media (max-width: 767px) {
.navbar-brandimg {width: 50%;}      
.callouts h1 {font-size: 2em;}  
 
}

@media (max-width: 1200px) {
.navbar-brandimg {width: 50%;}      
.callouts h1 {font-size: 2em;}    
.img-fluid {max-width: 100%; height: auto;}  

}

	
@media (max-width: 1920px) {
.navbar-brandimg {width: 50%;} 	
    
}