*{ margin:0; padding:0;box-sizing:border-box;}
@import url('https://fonts.googleapis.com/css2?family=Questrial&display=swap');

ul{ list-style:none}
body{ font-family: 'Questrial', sans-serif; font-size:14px; padding:50px 0 0 0}
header{ float:left; width:100%;}
.container{ width:990px; margin:0 auto}
.logo{ float:left;max-width:180px;}
img{max-width:100%;}
nav{ float:left}
header .container {
	display: flex;
	align-items: center;
}
nav ul {margin: 0 0 0 60px;}
nav ul li{ display:inline-block; padding:0 50px;}
nav ul li a{ color:#000; font-size:18px; text-decoration:none; list-style:none;}
section{ float:left; width:100%;}
footer{background: #FFFFFF url("../images/ribbonbanner-2png-u1308-fr.png") no-repeat right center; background-size:100%; float:left; width:100%; padding:35px 0 20px; margin:60px 0 0;}
footer p{ font-size:9px;  text-align:right; padding:0 60px 0 0}
.content-area.about-pg{ max-width:500px; margin:0 auto; width:100%; min-height:325px;}
.content-area h1{ font-size:23px;  font-weight:bold; margin:10px 0 25px; text-transform:uppercase}
.content-area p{  font-size:16px; margin:0 0 15px 0;line-height: 1.5;}
.content_inner {
    padding: 60px 0 0 0;
}
.first_outer {
    width: 228px;
    float: left;
}
.first {
    background: url(../images/craft.jpg) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    height: 470px;
    border: 1px solid #eee;
    text-align: center;
    background-position: center;
}
.first_logo img,.second_logo img,.third_logo img,.fourth_logo img {
    position: relative;
top: 50%;
width: 170px;
opacity: 0.39;
transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	-o-transform: translateY(-50%);
}
.first_logo img:hover, .second_logo img:hover, .third_logo img:hover, .fourth_logo img:hover {
    opacity: 1;
}
.first_content {
    margin: 30px 0 0 0;
}
.first_content h3 {
    font-size: 17px;
    font-weight: bold;
    text-align: center;
    min-height: 40px;
    text-transform: uppercase;
}
.first_content p {
    font-weight: 400;
    text-align: justify;
    font-size: 14px;
    margin: 20px 0;
}
.second_outer, .third_outer, .fourth_outer {
    width: 228px;
    margin: 0 0 0 15px;
    float: left;
}
.second {
    background: #eee;
    height: 470px;
    border: 1px solid #eee;
    text-align: center;
    background-position: center;
}

.second_logo img:hover {
    opacity: 1;
}
.third {
    background: url(../images/climate.jpg) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    height: 470px;
    border: 1px solid #eee;
    text-align: center;
    background-position: center;
}

.fourth {
    background: url(../images/cedar_chair.jpg) no-repeat;
        background-position-x: 0%;
        background-position-y: 0%;
    height: 470px;
    border: 1px solid #eee;
    text-align: center;
    background-position: center;

}

.content-area .content_inner p{ font-size:16px; text-align:justify; line-height:1.5;}

.contact-content{width:100%; float:left; margin-top:30px;}
.contact-content .contact-content_left{width:50%; float:left; padding:0 10px 0 0;}
.contact-content .contact-content_right{width:50%; float:left; padding:0 0 0 10px;}

.wpcf7-form .wpcf7-form-control.wpcf7-textarea {height: 100px;}
.wpcf7-form .wpcf7-form-control.wpcf7-text {height: 34px;}

.wpcf7-form .wpcf7-form-control.wpcf7-textarea,.wpcf7-form .wpcf7-form-control.wpcf7-text {background: #F2F2F2;border: 1px solid #aaa;}
.wpcf7-form .wpcf7-form-control.wpcf7-textarea:hover,.wpcf7-form .wpcf7-form-control.wpcf7-text:hover {background: #ffffff;}
.wpcf7-form .wpcf7-form-control.wpcf7-submit {
	background: #000;
	color: #fff;
	border: none;
	padding: 10px 50px;cursor:pointer;text-transform:uppercase;font-size: 14px;
font-weight: bold;
letter-spacing: 1px;
}