/*@media (max-width: 600px) {
    html, body {
        padding: 10px 5px 10px 5px;
    }
}*/

html, body {
    background-color: #E6E6E6;
 /*   padding: 10px 25px 25px 25px; */
}
.wrapper{
    background-color: #E6E6E6;
}
#brand{
    background-color: #fff;
    width: 100%;
}
nav{
    background-color: #214019;
}

.navbar-dark .navbar-nav .nav-link {
    color: #F2E750;
}

.btn-success {
    color: #fff;
    background-color: #5E6061;
    border-color: #C8CCCF;
}

footer{
    padding: 15px;
    background-color: #282828;
    color:#fff !important;
}
footer ul{
    padding: 0;
    list-style-type: none;

}
footer ul li, footer h4{
    text-align: left;
}
.testimonial, footer h4{
    color: #fff;
}
.testimonial{
    padding:25px;
}
.call-to-action{
    padding-top:30px;
    color: #6D6E6F;
    text-align: right;
}
a {
    text-decoration: none; /* no underline */
}
#cta-header, .cta{
    color: #fff;	
}
#cta-header{
    font-size: 41.7px;
    margin-top: 10%;
}
#cta-header,
.banner-header{
    margin-bottom: 10px;
    font-weight: 700;
    line-height: 40px;
}


#banner-contact{
    background-image: url("assets/construction-plans.webp");
}


#banner-about{
    background-image: url("assets/wall-prep.webp");
}

#banner-services{
    background-image: url("assets/renovation.webp");
}

#banner-home{
    background-image: url("assets/construction-site.webp");
}

.cta-header, .cta{
    color: #fff;	
}
.cta-header{
    font-size: 41.7px;
    margin-top: 5%;
}
.cta{padding-top: 100px;}
.cta-header{
    font-weight: 700;
    line-height: 50px;
}
.banner {
    color: #fff;
    height: 400px;
    text-shadow: 0px 2px 3px #555;
    background-repeat: no-repeat;
    background-size: cover;
}

.banner a{
    display: block;
}
.banner a, .services a{
    text-align: center;
    font-weight: 700;
    font-size: 13px;
    color: #fff;
    margin: 10px 50px;		
    max-width: 175px;
    padding:7px 24px;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;		
    border: 1px solid #777;
    text-shadow: 1px 1px #1a1a1a;	
/*	-moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
    box-shadow:inset 0px 1px 0px 0px #97c4fe; */
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #047d2a), color-stop(1, #4389FD));
    background:-moz-linear-gradient(top, #047d2a 5%, #214019 100%);
    background:-webkit-linear-gradient(top, #047d2a 5%, #214019 100%);
    background:-o-linear-gradient(top, #047d2a 5%, #214019 100%);
    background:-ms-linear-gradient(top, #047d2a 5%, #214019 100%);
    background:linear-gradient(to bottom, #047d2a 5%, #214019 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#047d2a', endColorstr='#214019',GradientType=0);
    background-color:#214019;
    cursor:pointer;
    text-decoration:none;
}


.banner a:hover, .services a:hover{
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #047d2a), color-stop(1, #4B8BF5));
    background:-moz-linear-gradient(top, #214019 5%, #047d2a 100%);
    background:-webkit-linear-gradient(top, #214019 5%, #047d2a 100%);
    background:-o-linear-gradient(top, #214019 5%, #047d2a 100%);
    background:-ms-linear-gradient(top, #214019 5%, #047d2a 100%);
    background:linear-gradient(to bottom, #214019 5%, #047d2a 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#214019', endColorstr='#047d2a',GradientType=0);
    background-color:#047d2a;
    color: #fff !important;
}

.services h3{
    margin-top:35px;
}

/* What We Do */
#services-banner{
    text-shadow: 0px 2px 3px #555; 
    background-repeat: no-repeat; 
    background-size: cover;
    max-height: 375px;
}
.services, .highlight-services{
    background-color: #f6f6f6; 
}
.services h4, .services p{
    padding:25px;
}

/* Contact */

.contact{
    background-color: #fff;
    padding: 0 25px 25px 25px;

}
.contact h6{
    margin-bottom: 0px;
    margin-top: 35px;             
}

footer .btn{
    margin: 5px 0 5px 0;
}

.contact i {
    margin: 15px 15px 25px 0;
}    

#establishment{
    padding: 20px;
    background-color: #DBDBDB;
}
#establishment p{
    text-align: left !important;
    padding: 5px !important;
}

.cta.about {
    margin-top: -150px !important;
}    
.highlight-services{
    background-color: #fff;
    padding: 25px;
}
.main-cta-sub{
    background-color: #214019; 
    padding-bottom: 25px; 
    color: #fff;
    padding-left: 5%;
    padding-right: 5%;
}
.wrap-that{
    max-width: 700px;
    overflow: hidden;
}
.wrap-that-shorty{
    max-width: 600px;
    overflow: hidden;
}
.wrap-that-thick{
    max-width: 800px;
    overflow: hidden;
}
#banner-services .cta{
    margin-top: -100px;
}