body{font-family: 'Roboto', sans-serif;}
h1{font-weight: 900; margin-bottom: 50px}
hr{border-top: 5px solid #97be0d; width: 100%;}


.banner-wrapper{position: relative; width: 100%; height: 400px; color: white}
.banner{}
.banner-image{ background-size: cover; background-repeat: no-repeat;position: absolute;width:100%;height:100%;}
.banner-overlay{background-color: black; width: 100%; height: 100%; position: absolute; opacity: 30%}
.banner-content{position: absolute; bottom: 60px; border-left: 3px solid #97be0d; margin-left: 30px;padding-left: 20px}
.banner-title{font-size: 30px; line-height: 26px; font-weight: 600; line-height: 50px}
.banner-description{font-size: 20px}

.box-wrapper{float: left; width: 33.33%; height: 300px; overflow: hidden; margin-bottom: 30px}
.box{overflow: hidden }
.box a{text-decoration: none; color: white; height: 300px; display: block; position: relative; }
.box-image{ background-size: cover; -webkit-transition: all .5s;-moz-transition: all .5s;-o-transition: all .5s;transition: all .5s;background-repeat: no-repeat;position: absolute;width:100%;height:100%;}
.box-overlay{background-color: black; width: 100%; height: 100%; position: absolute; opacity: 30%}
.box-content{position: absolute; bottom: 60px; border-left: 3px solid #97be0d; margin-left: 30px;padding-left: 20px}
.box-title{font-size: 22px; line-height: 26px; font-weight: 600}
.box-description{font-size: 14px}

.box:hover .box-image, .box:focus .box-image {-ms-transform: scale(1.2);-moz-transform: scale(1.2);-webkit-transform: scale(1.2);-o-transform: scale(1.2);transform: scale(1.2);}

.box-wrapper:nth-child(3n+1){padding-right: 20px;}
.box-wrapper:nth-child(3n+2){padding-left: 10px;padding-right: 10px;}
.box-wrapper:nth-child(3n+3){padding-left: 20px;}

.footer-wrapper{background-color: #00436e; color: white;}


@media screen and (max-width: 1100px) {
    .box-wrapper{width: 50%}
    .box-wrapper:nth-child(3n+1){padding-right: 0px;}
    .box-wrapper:nth-child(3n+2){padding-left: 0px;padding-right: 00px;}
    .box-wrapper:nth-child(3n+3){padding-left: 0px;}
    .box-wrapper:nth-child(2n+1){padding-right: 15px;}
    .box-wrapper:nth-child(2n+2){padding-left: 15px;}
}

@media screen and (max-width: 600px) {
    .box-wrapper{width: 100%}
    .box-wrapper:nth-child(3n+1){padding-right: 0px;}
    .box-wrapper:nth-child(3n+2){padding-left: 0px;padding-right: 00px;}
    .box-wrapper:nth-child(3n+3){padding-left: 0px;}
    .box-wrapper:nth-child(2n+1){padding-right: 0px;}
    .box-wrapper:nth-child(2n+2){padding-left: 0px;}
}

.btn-green{background-color: #97be0d; color: white}
.btn-green:hover{background-color: #88ab0c; color: white}
.order-form{border: 1px solid lightgray; padding: 20px}
label{cursor: pointer}