*{
margin:0;
padding:0;
box-sizing:border-box;
}
body{
background:#f4f6f9;
font-family:Arial,sans-serif;
}
.site{
position:relative;
width:100%;
max-width:1600px;
margin:auto;
}
.layout{
width:100%;
display:block;
}

/* CLICKABLE AREAS */
.click{
position:absolute;
display:block;
border-radius:12px;
transition:.2s;
}
.click:hover{
background:rgba(67,160,71,.12);
}

/* TOP MENU */
.menu1{top:30px;left:640px;width:80px;height:26px;}
.menu2{top:30px;left:740px;width:120px;height:26px;}
.menu3{top:30px;left:890px;width:120px;height:26px;}
.menu4{top:30px;left:1040px;width:100px;height:26px;}
.menu5{top:30px;left:1170px;width:95px;height:26px;}

.whatsapp-top{
top:18px;
right:90px;
width:180px;
height:54px;
border-radius:12px;
}

/* HERO */
.btn1{
top:350px;
left:120px;
width:290px;
height:62px;
border-radius:12px;
}
.btn2{
top:350px;
left:430px;
width:280px;
height:62px;
border-radius:12px;
}

/* SERVICE CARDS */
.card1{top:760px;left:110px;width:250px;height:410px;border-radius:24px;}
.card2{top:760px;left:390px;width:250px;height:410px;border-radius:24px;}
.card3{top:760px;left:670px;width:250px;height:410px;border-radius:24px;}
.card4{top:760px;left:950px;width:250px;height:410px;border-radius:24px;}
.card5{top:760px;left:1230px;width:250px;height:410px;border-radius:24px;}

/* FOOTER */
.footer-whats{
bottom:95px;
left:110px;
width:320px;
height:90px;
border-radius:20px;
}
.footer-mail{
bottom:95px;
left:450px;
width:360px;
height:90px;
border-radius:20px;
}

@media(max-width:1200px){

.menu1,.menu2,.menu3,.menu4,.menu5{
display:none;
}

.card1,.card2,.card3,.card4,.card5{
display:none;
}

.footer-whats,.footer-mail{
display:none;
}

.btn1{
left:8%;
width:34%;
top:22%;
height:6%;
}

.btn2{
left:45%;
width:34%;
top:22%;
height:6%;
}

.whatsapp-top{
right:5%;
top:1%;
width:18%;
height:5%;
}
}