body{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}
a:link{
    text-decoration:none;
}
.footer{
    width:100%;
    height:auto;
    clear:both;
    background-color:#353030;
    color:white;
    border-top:2px solid red;
    line-height:14px;
    padding:10px 0px;
}
.footer-text{
    padding-left:20px;
}
.index-content{
    width:80%;
    height:auto;
    clear:both;
    margin:30px 10%;
}
.index-content-image{
    width:300px;
    height:300px;
    margin-left:5%;
    float:left;
}
.index-about-content{
    width:70%;
    height:auto;
    float:left;
    padding-top:15px;
}
.index-about-left{
    width:60%;
    height:auto;
    float:right;
}
.index-about-image{
    width:80%;
    height:auto;
    float:left;
    margin:10%;
}
.index-about-right{
    width:40%;
    height:auto;
    float:right;
}
.index-about-text{
    font-size:20px;
}
.index-about-title{
    width:100%;
    height:auto;
    font-size:24px;
}
.index-banner{
    width:100%;
    height:auto;
    margin-top:20px;
    clear:both;
}
.index-help-section{
    width:30%;
    height:auto;
    margin-right:3%;
    float:left;
}
.index-help-title{
    font-size:20px;
}
.index-help-wrapper, .index-material-wrapper{
    width:80%;
    height:auto;
    margin-left:10%;
    clear:both;
}
.index-image-ad{
    width:50%;
    height:auto;
    margin-left:25%;
    clear:both;
}
.index-material-section{
    width:18%;
    height:auto;
    float:left;
    margin-right:2%;
}
.index-needafence{
    max-width:100%;
    height:auto;
}
.index-needafence-wrapper{
    width:100%;
    height:auto;
    overflow:hidden;
    clear:both;
}
.index-staining-ad{
    max-width:80%;
    height:auto;
    margin-left:10%;
}
.index-title, .style-header{
    width:100%;
    text-align:center;
    font-size:40px;
    line-height:60px;
    clear:both;
}
.index-title-sub, .style-header-sub{
    width:100%;
    text-align:center;
    font-size:30px;
    line-height:40px;
    clear:both;
}
.image-float-left{
    width:300px;
    height:auto;
    float:left;
    margin-right:20px;
}
.image-float-right{
    width:300px;
    height:auto;
    float:right;
    margin-left:20px;
}
.repairs-left{
    width:60%;
    height:auto;
    float:left;
    margin-left:10%;
}
.repairs-image{
    width:80%;
    height:auto;
    margin:10%;
}
.repairs-right{
    width:30%;
    height:auto;
    float:left;
}
.style-division{
    width:80%;
    height:auto;
    margin-left:10%;
    clear:both;
    padding-top:20px;
    margin-bottom:20px;
}

.style-images{
    width:80%;
    height:auto;
    margin-left:10%;
    padding-top:30px;
    margin-bottom:100px;
    clear:both;
}
.style-images-image{
    width:31%;
    height:auto;
    margin-right:2%;
    margin-bottom:2%;
    border-radius:20px;
    box-shadow: 5px 10px 8px #888888;
}
.style-text{
    font-size:18px;
}
.style-title{
    font-size:30px;
}
.style-wrapper{
    width:70%;
    height:auto;
    margin-left:15%;
    clear:both;
}



@media only screen and (max-width: 800px) {
    .index-banner{
        margin-top:100px;
        clear:both;
    }
    .index-banner-button{
        width:50%;
        margin-left:25%;
    }
    .index-help-section, .index-material-section{
        width:100%;
        margin-bottom:20px;
        text-align:center;
    }
    .index-image-ad{
        width:100%;
        margin:0;
        padding:0;
    }
    .index-learnMore{
        margin-top:100px;
        clear:both;
    }
    .index-learnMore-ul-list{
        width:100%;
        text-align:center;
    }
    .index-map{
        margin:0;
        padding:5%;
    }
    .nav-bar{
        padding:5%;
        clear:both;
        display:block;
        margin-bottom:50px;
    }
    .nav-bar-logo{
        min-width:60%;
        height:auto;
        margin-left:20%;
        padding:0px;
    }
    .nav-bar-options, .nav-bar-contact{
        min-width:100%;
        text-align:center;
    }
    .nav-bar-contact{
        clear:both;
        margin-bottom:100px;
    }
    .pricing-title{
        text-align:center;
    }
    .pricing-wrapper{
        width:100%;
        margin:0;
        padding:0;
        clear:both;
    }
    .seperator{
        clear:both;
        width:100%;
        
    }
    .style-images-image{
        width:100%;
    }
    table{
        width:80%;
        margin-left:10%;
    }
}

@media only screen and (max-width: 400px) {
    .index-banner-button{
        width:100%;
        margin:0;
    }
}