body { 
  width: 100%;
  
  min-height: 100%;
  position: absolute;

}

.bordered-img {
    border: 4px solid #383838;
    border-radius: 15px;   
    }

button {
    border: none;
    background-color: transparent;
    }

button:hover {
    color:#EEC383 !important;
    text-decoration: underline;    
    }
    
.dropdown-menu {
    background-color: #383838;    
    } 
    
.dropdown-menu li {
    background-color: inherit;    
    }
.dropdown-menu > li > a:hover {

    }
.dropdown-menu li:hover {
     background-color: #EEC383 !important;
    } 
    
.dropdown-menu li a:hover{
    color: #383838 !important;   
    background-color: #EEC383;     
    } 
          
.dropdown-menu li a {
    color: white;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    font-size: 14px;   
       
    }

#contact-info {
    padding-top: 85px;    
    }

.form-style {
    border: 4px solid #383838 !important;
    border-radius: 15px; 
    }
 
.form-control {
    height: 47px;    
    } 
 
.inline {
    display: inline-block;    
    } 
 
.service-top-line {
    width:90%;
    margin: auto;
    height: 4px;
    background-color: #0589E2;
    margin-top: 22px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;    
    }
.about-top-line-full {
    width:100%;
    height: 4px;
    background-color: #0589E2;
    margin-top: 22px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;    
    }
.about-top-line {
    width: 30%;
    height: 4px;
    background-color: #0589E2;
    margin-top: -8px;
    margin-left: 5%;

    margin-bottom: 0px;    
    }
    
    @media(max-width: 991px) {
    
    .about-top-line {
   width: 50%; 
    height: 4px;
    background-color: #0589E2;
    margin-top: -8px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;    
    }
 } 

@media(max-width:767px){
    .about-top-line {
    width: 70%; 
    height: 4px;
    background-color: #0589E2;
    margin-top: -8px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;    
    } 
    }    
   
.centered-list {
    display: inline-block;
    margin-left: auto;
    margin-right: auto;    
    }   
    
.desktop-links {
    color: white;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    font-size: 17px;     
    }
.desktop-link-current {
    color:#EEC383 !important;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    font-size: 17px;     
    }    
    
.desktop-link-cols {
    text-align: center;
    margin-top: 8px;    
    }    

.desktop-link-cols a:hover {
    color:#EEC383;    
    }      

header {
    height: 44px;
    background-color: #383838;
    }

#mob-header {
    height: 4px;
    background-color: #383838;    
    }

footer {
    width: 100%;
    position: inherit;
    min-height: 60px;
    background-color: #383838;   
    }

#footer-con {
    padding-top: 18px;    
    }
    
#main {
  
    background: url('images/house.jpg') no-repeat center center scroll; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
    }

.secondary-text {
    color: #383838;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    font-size: 21px;
    font-style: italic;  
    }

.secondary-text-thin {
    color: #383838;
    font-family: 'Roboto Slab', serif;
    font-weight: 300;
    font-size: 21px;
    font-style: italic;  
    }    
    

#services-con {
    width: 100% !important;

      
    }

#services-col {
    padding: 0 !important;    
    }
#services-div {
 
    padding: 20px;
    background-color: rgba(241, 241, 241, 0.8)    
    }

.services-names {
    color: #383838;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    font-size: 30px;   
    }    

.services-text {
    color: #383838;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    font-size: 27px;
    font-style: italic;  
    
    }
        
       
 .service-box {
    height: 333px;     
     }   

.service-box:hover {
    border-radius: 4px;
    background-color: rgba(54,54,54,0.2);    
    }
    
.services-btn {
    color: white;
    font-family: 'Roboto Slab', serif;
    font-weight: 400;
    font-size: 17px;   
    }    
    
    
#soc-med-ico {
    padding-bottom: 18px;    
    }
    
#logo-div {
    background-color: #f1f1f1;
    padding-top: 15px;
    padding-bottom: 25px;
    }

#mobile-nav-button-div  { 
    position: absolute;
    top: 15px;
    right: 15px;
    z-index: 2; 
    color: #383838;
    background-color: white;
    border-radius: 4px;                         
    } 
#mobile-nav-button {
    border-color: #383838;
    border: 3px solid #383838 !important;    
    }
.offblack {
    color: #383838;    
    } 
    
.white {
    color: white;    
    }