@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;700;800;900&display=swap');

a:link {
	color: inherit;
	text-decoration: none;
}
a:visited {
	color: inherit;
	text-decoration: none;
}
a:hover {
	color: inherit;
	text-decoration: none;
}
a:active {
	color: inherit;
	text-decoration: none;
}
body,html {
  margin: 0;
  padding: 0;
  height: 100%;
  font-size: 1vw;
  font-family: 'Poppins', sans-serif;
  background: #1e1e1e;
}

.fotos-banner{
	width: 80%;
	margin-top: 1%;
 	margin-bottom: 2%;
}

#blocoE {
	width: 96%;
	padding: 2%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}

#blocoF {
	width: 96%;
	padding: 2%;
	flex-wrap: wrap;
	justify-content: center;
	align-items: flex-start;
	position: relative;
}

s2{
	color: #fff;
  font-size: 3vw;
	font-weight: 600;
	line-height: 1.0;
}

s1{
  font-size: 1.7vw;
  font-weight: 600;
  color: #fff;
}

.campotexto {
    width: 58%;
    padding: 1%;
    font-size: 1.4vw; /* Tamanho de fonte padrão */
    color: #fff;
}

/* Media query para telas de 800px ou menores */
@media (max-width: 800px) {
    .campotexto {
        font-size: 3vw; /* Tamanho de fonte ajustado para telas menores */
	    	width: 80%;
    }
    
}

.campoVermelho {
	width: 97%;
	padding: 1%;
	margin: 1%;
	color: #fff;
	font-size: 1.4vw;
	text-align: justify;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	position: relative;
}

.campoVermelho2 {
	width: 58%;
	background: #D2171A;
	padding: 1%;
	margin: 1%;
	color: #fff;
	font-size: 1.4vw;
	text-align: left;
	border-top-right-radius: 25px;
	border-bottom-left-radius: 25px;
	position: relative;
}

.campoVermelhoMenor {
	width: 86%;
	margin-top: 2%;
	margin: 2%;
	float:left;
	padding: 6%;
	color: #fff;
	font-size: 1.4vw;
	text-align: justify;
	border-top-right-radius: 10px;
	border-bottom-left-radius: 10px;
	position: relative;
}

.botao2 {
  width: 50%;
  margin-top: 5%;
  cursor: pointer;
}

A3{
  color: #fff;
  font-size: 3vw;
  font-weight: 800;
  line-height: 1.0;
}

@media (max-width: 800px) {
	.fotos-banner{
		width: 100%;
		margin: 0;
	}
}