body {
	margin: 0;
    padding: 0;
	background: #f4f4f4;
    font-family: "Inter", sans-serif;
	font-size: 18px;
	line-height: 28px;
	color: #000000;
    font-weight: 300;
    font-optical-sizing: auto;
}

a{
	font-family: "Inter", sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #007efc;
	text-decoration: none;
    font-weight: 300;
}

a:hover{
	font-family: "Inter", sans-serif;
	font-size: 18px;
	line-height: 24px;
	color: #007efc;
	text-decoration:underline;
    font-weight: 300;
}

p {margin: 8px 0;}

.cor{color: #007efc;}

@media (min-width:902px) { 
    
#topo {width:100%; padding: 120px 0;}
    
#topocont {
    width: 900px;
    left: 50%;
    margin-left: -450px;
    position: relative;
}

.img01{width:24px; float: left;}
.img02{width:140px; float: right;}
.img03{width:200px;}

#titulo {
    width: 700px;
    left: 50%;
    margin-left: -350px;
    position: relative;
	margin-top: 80px;
	margin-bottom: 60px;
}

h1 {font-size: 42px; line-height: 42px;}

#box {
    width: 100%;
    position: relative;
	background-color: #000000;
}

#boxcont {
    width: 700px;
    left: 50%;
    margin-left: -350px;
    position: relative;
	color:#ffffff;
	padding: 120px 0;
}

#boxl{width: 300px; display: inline-block; vertical-align: top; padding-left: 2px;}
#boxr{width: 260px; display: inline-block; margin-left: 80px; vertical-align: top; padding-top: 68px;}

#arte {
    width: 100%;
    position: relative;
	background-color: #000000;
	background-image:url("img/arte.jpg");
	background-size: cover;
	background-position: center;
	height: 30px;
}	

#conteudo {
    width: 700px;
    left: 50%;
    margin-left: -350px;
    position: relative;
	margin-top: 80px;
	margin-bottom: 60px;
}

#line{
	width: 700px;
    left: 50%;
    margin-left: -350px;
    position: relative;
	margin-top: 80px;
	margin-bottom: 60px;
	height: 1px;
	background-color: #ccc;
}

#cta {
    width: 360px;
    left: 50%;
    margin-left: -350px;
    position: relative;
	margin-top: 80px;
	margin-bottom: -20px;
	padding-right: 340px;
}

h2 {font-size: 28px; line-height: 32px;}

.ctatxt{font-size: 28px; line-height: 30px; color: #007efc; font-weight: 600;}
a.mail{font-size: 28px; line-height: 30px; color: #007efc; font-weight: 600;}

a.btnwhats{border: 1px solid #59CE72; border-radius: 50px; background-color: #59CE72; color: #ffffff; padding: 16px 20px 16px 60px; background-image: url(img/whats.png); background-repeat:no-repeat; background-position: 20px; background-size: 30px; font-weight: 700; text-decoration: none;}
a.btnwhats:hover{border: 1px solid #49AB61; background-color: #49AB61;}

#footer {
    width: 700px;
    left: 50%;
    margin-left: -350px;
    position: relative;
	margin-top: 240px;
	margin-bottom: 240px;
}

}

@media (min-width: 10px) and (max-width: 901px) { 

#topo {width:100%; padding: 80px 0;}
    
#topocont {
    width: 90%;
    left: 50%;
    margin-left: -45%;
    position: relative;
}

.img01{width:24px; float: left;}
.img02{width:120px; float: right;}
.img03{width:160px;}

#titulo {
    width: 90%;
    left: 50%;
    margin-left: -45%;
    position: relative;
	margin-top: 80px;
	margin-bottom: 60px;
}

h1 {font-size: 42px; line-height: 42px;}

#box {
    width: 100%;
    position: relative;
	background-color: #000000;
}

#boxcont {
    width: 90%;
    left: 50%;
    margin-left: -45%;
    position: relative;
	color:#ffffff;
	padding: 120px 0;
}

#boxl{width: 100%; vertical-align: top;}
#boxr{width: 100%; vertical-align: top; padding-top: 38px;}

#arte {
    width: 100%;
    position: relative;
	background-color: #000000;
	background-image:url("img/arte.jpg");
	background-size: cover;
	background-position: center;
	height: 30px;
}	

#conteudo {
    width: 90%;
    left: 50%;
    margin-left: -45%;
    position: relative;
	margin-top: 80px;
	margin-bottom: 60px;
}

#line{
	width: 90%;
    left: 50%;
    margin-left: -45%;
    position: relative;
	margin-top: 80px;
	margin-bottom: 60px;
	height: 1px;
	background-color: #ccc;
}

#cta {
    width: 90%;
    left: 50%;
    margin-left: -45%;
    position: relative;
	margin-top: 80px;
	margin-bottom: -20px;
}

h2 {font-size: 28px; line-height: 32px;}

.ctatxt{font-size: 28px; line-height: 30px; color: #007efc; font-weight: 600; font-size: 22px;}
a.mail{font-size: 28px; line-height: 30px; color: #007efc; font-weight: 600; font-size: 22px;}

a.btnwhats{border: 1px solid #59CE72; border-radius: 50px; background-color: #59CE72; color: #ffffff; padding: 16px 20px 16px 60px; background-image: url(img/whats.png); background-repeat:no-repeat; background-position: 20px; background-size: 30px; font-weight: 700; text-decoration: none;}
a.btnwhats:hover{border: 1px solid #49AB61; background-color: #49AB61;}

#footer {
    width: 90%;
    left: 50%;
    margin-left: -45%;
    position: relative;
	margin-top: 180px;
	margin-bottom:140px;
}

    
}