/*********************************************************/
/*	STYLE CSS										 	 */
/*	DESENVOLVIDO POR: GLOBALWS							 */
/*	CEO: MICHAEL PICOLO									 */
/*********************************************************/
/*********************************************************/
html, body, div, iframe, h1, h2, h3, h4, h5, h6, p, 
em, font, img, u, i, article, textarea, section, 
input, ul, li, form, label {margin: 0; padding: 0; border: 0; outline: 0; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; text-decoration: none;}

ul {list-style: none;}
img {border: none;	width: 100%;}
a {text-decoration: none; color: #000;}
a:hover {text-decoration: none;}
a img {border: 0;}
/*********************************************************/
html, body {width:100%; height:100%; font-family: 'Open Sans', sans-serif; color: var(--cinza);}
/*********************************************************/
:root {
	--cinza: #717171;
}
/*********************************************************/
/*	TOPO & RODAPE										 */
/*********************************************************/
.centro {width: 70%; margin: auto; text-align: center;}
.logo {width: 25%; height: 240px; margin: 5% auto 5% auto; background-image: url(../images/logo.png); background-repeat: no-repeat; background-size: 100%; background-position: center center;}
h1 {font-weight: 800; padding-bottom: 20px;}
p {font-size: 1.2em; font-weight: 400; line-height: 30px;}

.separa {padding-top: 5%; float: left;}
.botao-e {background-color: var(--cinza); color: #fff; padding: 15px 40px; border-top-left-radius: 70px; border-bottom-left-radius: 70px; text-align: left; float: left; height: 120px;}
.botao-d {background-color: var(--cinza); float: left; padding: 30px 20px; text-align: center; border-top-right-radius: 70px; border-bottom-right-radius: 70px; margin-left: 5px; height: 120px; display: flex; align-items: center; justify-content: center;}
i {color: #fff; font-size: 2em;}

@media (max-width: 1366px) {
	.logo {width: 25%; height: 200px; margin: 2% auto 2% auto;}
}

@media (max-width: 950px) {
	.logo {width: 40%;  margin-bottom: 60px;	}
	.centro {width: 90%;}
	.separa {padding-top: 60px;}

}
@media (max-width: 600px) {
	.logo {width: 50%;  margin: 40px auto; height: 160px;	}
}
@media (max-width: 480px) {
	.logo {width: 60%;}
}

@media (max-width: 414px) {
	p {font-size: 1em; line-height: 25px;}
	.botao-e {padding: 10px 30px; height: 100px;}
	.botao-e p {font-size: 0.9em;}
	.botao-d {padding: 20px 15px; height: 100px; }
	i {font-size: 1.2em;}
}
@media (max-width: 375px) {

}