html{
	overflow-x: hidden !important;
	scroll-behavior: smooth;
	font-family: 'Averta';
}
body{
	background-color: #fff;
}
@font-face {
    font-family: 'Averta';
    src:url(../fonts/averta.otf);
}
@font-face {
    font-family: 'Averta Semi';
    src:url(../fonts/averta-semi.otf);
}
@font-face {
    font-family: 'Averta Bold';
    src:url(../fonts/averta-bold.otf);
}

.vertical-center {
  display: flex;
  align-items: center;
}
.vertical-bottom{
  display: table;
  vertical-align: bottom;
}

:root {
  --branco:#fff;
  --azul:#1a212a;
  --azul2:#fff;
  --verde:#cc2528;
}

.branco{
	color: var(--branco) !important;
}
.azul{
	color: var(--azul) !important;
}
.azul2{
	color: var(--azul2) !important;
}
.verde{
	color: var(--verde) !important;
}


.averta{
	font-family: 'Averta' !important;
}
.averta-bold{
	font-family: 'Averta Bold' !important;
}

.banner{
	border:3px solid var(--branco);
	padding:5px;
	transition: .25s ease;
}
.banner:hover{
	border:3px solid var(--verde);
	transition: .25s ease;
}

footer{
	background-color: var(--branco);
	padding: 50px 0;
	color:#919599;
	font-size: 12px;
	font-family: 'Averta';
	line-height: 15px;
}


a{
	color: var(--verde);
}
a :hover{
	color: var(--branco) !important;
}


header{
	padding: 40px 0;
	margin-bottom: 10px;
}

.logo{
	width: 300px;
}

.redes{
	font-size: 15px;
	transition: .25s ease;
}
.redes a{
	margin: 0 4px;
	color: #919599;
	transition: .25s ease;
}

.botao1{
	font-family: "Averta Bold";
	letter-spacing: -1px;
	font-size: 25px;
	color: var(--azul);
	background-color: var(--verde);
	padding: 10px 20px;
	border-radius: 10px;
	border: none;
	text-transform: uppercase;
	margin: 25px 0;
	transition: .25s ease;
}
.botao1:hover{
	transition: .25s ease;
	background-color: #fff;
	color: var(--azul) !important;
}

.texto1{
	font-family: "Averta";
	font-size: 18px;
	color: #1a212a;
}

.titulo1{
	font-family: "Averta Bold";
	font-size: 30px;
	line-height: 35px;
	color: #1a212a;
}





/* Small devices (landscape phones, 544px and up) */
@media (max-width: 767px) {

header{
	padding: 30px 0;
	margin-bottom: 10px;
}
.logo{
	width: 220px;
}
.texto1{
	font-size: 15px;
}
.titulo1{
	font-size: 30px;
	line-height: 33px;
}
.botao1{
	font-size: 18px;
	padding: 10px 20px;
	margin: 25px 0;
}


}



/* Small devices (landscape phones, 544px and up) */
@media (max-width: 992px) {


}