@font-face {
  font-family: Avenir-Medium;
  src: url(../font/Avenir\ LT\ Std\ 65\ Medium.otf);
}

@font-face {
  font-family: Avenir-Heavy;
  src: url(../font/Avenir\ LT\ Std\ 95\ Black.otf);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  font-family: Avenir-Medium;
}

body{
  width: 100%;
  height: 305vw;
}

.container {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 110fr 92fr 44fr 337fr 56fr 41fr 19fr 492fr 34fr 128fr;
  grid-template-rows: 94fr 42fr 180fr 90fr 26fr 42fr 32fr 98fr 169fr 34fr 38fr 76fr 82fr 52fr 166fr 68fr 38fr 48fr 66fr 367fr 102fr 172fr 436fr 554fr 76fr 112fr 323fr 116fr 194fr;
  /* 38fr 80fr 18fr 84fr 36fr; */
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.section-1 {
  grid-area: 2 / 2 / 6 / 5;
  background-image: url("../img/forno-multifuncao-kitchenaid-air-fryer.png");
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.section-2 {
  grid-area: 3 / 8 / 4 / 10;
}

.section-2 h2{
  text-align: left;
  font-family: Avenir-Heavy;
  font-size: 2.4vw;
  line-height: 1.2;
}

.section-2 h2 span{
  color: #c41230;
  font-family: Avenir-Heavy;
}

.section-3 {
  grid-area: 4 / 8 / 5 / 9;
  display: flex;
  flex-direction: flex-start;
  align-items: center;
}

.section-3 p{
  text-align: left;
  font-size: 1.3vw;
  line-height: 1.2;
} 

.section-4 {
  grid-area: 8 / 2 / 9 / 6;
  display: flex;
  flex-direction: flex-start;
  align-items: center;
  z-index: 2;
}

.section-4 h2{
  text-align: left;
  font-family: Avenir-Heavy;
  font-size: 2.4vw;
  line-height: 1.2;
}

.section-4 h2 span{
  color: #c41230;
  font-family: Avenir-Heavy;
}

.section-5 {
  grid-area: 9 / 2 / 10 / 6;
  display: flex;
  flex-direction: flex-start;
  align-items: center;
  z-index: 2;
}

.section-5 p{
  text-align: left;
  font-size: 1.3vw;
  line-height: 1.2;
}

.section-6{
  grid-area: 7 / 1 / 12 / 11;
  background-color: #f2f2f2;
}

.section-7{
  grid-area: 7 / 8 / 12 / 9;
  background-image: url("../img/forno-multifuncao-kitchenaid-air-fryer-frango.png ");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
}

.section-8{
  grid-area: 10 / 2 / 11 / 4;
}

.section-8 button{
  background-color: #c41230;
  width: 100%;
  height: 100%;
  color: #ffffff;
  border: none;
  border-radius: 0.4vw;
  
}

.section-9{
  grid-area: 12 / 1 / 13 / 11;
  background-color: #c41230;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-9 h3{
  font-family: Avenir-Heavy;
  text-align: center;
  color: #ffffff;
  font-size: 2.1vw;
}

.section-10{
  grid-area: 13 / 2 / 17 / 5;
  background-image: url("../img/forno-multifuncao-kitchenaid-air-fryer-alimentos-crocantes.png ");
  background-position: center center;
  background-size: 80% auto;
  background-repeat: no-repeat;
}

.section-11{
  grid-area: 14 / 8 / 15 / 9;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.section-11 h3{
  font-family: Avenir-Heavy;
  text-align: left;
  font-size: 2.1vw;
  z-index: 2;
}

.section-11 h3 span{
  color: #c41230;
  font-family: Avenir-Heavy;
}

.section-12 {
  grid-area: 15 / 8 / 16 / 10;
  display: flex;
  flex-direction: flex-start;
  align-items: center;
  z-index: 2;
}

.section-12 p{
  text-align: left;
  font-size: 1.3vw;
  line-height: 1.2;
}

.section-13{
  grid-area: 17 / 1 / 21 / 11;
  background-color: #f2f2f2 ;
}

.section-14 {
  grid-area: 18 / 1 / 19 / 11;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-14 h3 {
  font-family: Avenir-Heavy;
  text-align: center;
  font-size: 2.1vw;
  z-index: 2;
}

.section-14 h3 span{
  color: #c41230;
  font-family: Avenir-Heavy;
}

.section-15 {
  grid-area: 19 / 1 / 20 / 11;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-15 p {
  text-align: center;
}

.section-16 {
  grid-area: 20 / 1 / 21 / 11;
}

.section-16 .container{
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: repeat(5, 1fr); /* 5 colunas */
  grid-template-rows: repeat(2, auto);  /* 2 linhas */
  padding: 3% 8%;
  gap: 3%;
  text-align: center;
}

.item {
  padding: 5% 0 ;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: flex-start;
  text-align: center;
}

.item h4{
  color: #c41230;
  font-size: 1.8vw;
}

.item p{
  font-size: 1.3vw;
}

.section-17 {
  grid-area: 21 / 2 / 22 / 5;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.section-17 h3 {
  font-family: Avenir-Heavy;
  text-align: left;
  font-size: 2.1vw;
  z-index: 2;
}

.section-17 h3 span{
  color: #c41230;
  font-family: Avenir-Heavy;
}

.section-18 {
  grid-area: 21 / 8 / 22 / 10;
  display: flex;
  justify-content: flex-start;
  align-items: flex-end;
}

.section-18 h3 {
  font-family: Avenir-Heavy;
  text-align: center;
  font-size: 2.1vw;
  z-index: 2;
}

.section-18 h3 span{
  color: #c41230;
  font-family: Avenir-Heavy;
}

.section-19{
  grid-area: 22 / 2 / 23 / 6;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.section-19 p{
  text-align: left;
  font-size: 1.3vw;
  line-height: 1.2;
}

.section-20{
  grid-area: 22 / 8 / 23 / 10;
  display: flex;
  justify-content: flex-start;
  align-items: center;
}

.section-20 p{
  text-align: left;
  font-size: 1.3vw;
  line-height: 1.2;
}

.section-21{
  grid-area: 23 / 1 / 24 / 6;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  background-color: #f2f2f2;
}

.section-21 h3 {
  padding: 0 12% 4% 12%;
  font-family: Avenir-Heavy;
  text-align: left;
  font-size: 2.1vw;
  z-index: 2;
}

.section-21 p {
  text-align: left;
  padding: 0 12% 2% 12%;
  font-size: 1.3vw;
}

.section-21 p span{
  color: #c41230;
}

.section-22{
  grid-area: 23 / 6 / 24 / 11;
  background-image: url("../img/forno-multifuncao-kitchenaid-carne-assada.png");
  background-position: center center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.section-23{
  grid-area: 24 / 1 / 25 / 6;
  background-image: url("../img/forno-multifuncao-kitchenaid-air-fryer-pizza-batata.png");
  background-position: center center;
  background-size: auto 100% ;
  background-repeat: no-repeat;
}

.section-24{
  grid-area: 24 / 6 / 25 / 11;
  padding: 6%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.section-24 div{
  width: 100%;
}

.section-24 div h4 {
  text-align: left;
  font-size: 1.4vw;
  margin-bottom: 0.5vw;
}

.section-24 div p {
  text-align: left;
  font-size: 1.2vw;
  background-color: #f5f5f5 ;
  padding: 1vw;
}

.section-24 h3 {
  font-family: Avenir-Heavy;
  text-align: left;
  font-size: 2.1vw;
  z-index: 2;
}

.section-24 h3 span{
  font-family: Avenir-Heavy;
  color: #c41230;
}

.section-25{
  grid-area: 25 / 1 / 26 / 11;
  background-color: #c41230;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-25 h3{
  font-family: Avenir-Heavy;
  text-align: center;
  color: #ffffff;
  font-size: 2.1vw;
}

.section-26{
  grid-area: 26 / 1 / 28 / 6;
  padding: 5%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 5vw;
  padding-left: 8vw;
  background-color: #f2f2f2;
}

.section-26 p {
  text-align: left;
  font-size: 1.3vw;
}

.section-26 h3 {
  font-family: Avenir-Heavy;
  text-align: left;
  font-size: 2.1vw;
  z-index: 2;
}

.section-26 h3 span{
  font-family: Avenir-Heavy;
  color: #c41230;
}

.section-27{
  grid-area: 26 / 6 / 28 / 11;
  background-image: url("../img/pizza-air-fryer-kitchenaid.png");
  background-position: center center;
  background-size: auto 100%;
  background-repeat: no-repeat;
}

.section-28{
  grid-area: 28 / 1 / 30 / 6;
  background-image: url("../img/batatas-fritas-saudaveis-air-fryer-kitchenaid.png");
  background-position: center center;
  background-size: auto 100% ;
  background-repeat: no-repeat;
}

.section-29{
  grid-area: 28 / 6 / 30 / 11;
  padding: 5%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 8vw;
}

.section-29 p {
  text-align: left;
  font-size: 1.3vw;
}

.section-29 h3 {
  font-family: Avenir-Heavy;
  text-align: left;
  font-size: 2.1vw;
  z-index: 2;
}

.section-29 h3 span{
  font-family: Avenir-Heavy;
  color: #c41230;
}

.section-30{
  grid-area: 30 / 1 / 35 / 11;
  background-image: url("../img/kitchenaid-fundo-escrita.png");
  background-position: center center;
  background-size: auto 100% ;
  background-repeat: no-repeat;
  background-color: #f2f2f2;
}

.section-31{
  grid-area: 30 / 3 / 35 / 6;
  display: flex;
  justify-content: center;
  align-items: flex-start;
  flex-direction: column;
  z-index: 2;
}

.section-31 p {
  text-align: left;
  font-size: 1.3vw;
}

.section-31 h3 {
  font-family: Avenir-Heavy;
  text-align: left;
  font-size: 2.1vw;
  z-index: 2;
  padding-bottom: 2vw;
}

.section-31 h3 span{
  font-family: Avenir-Heavy;
  color: #c41230;
}

.section-32{
  grid-area: 31 / 8 / 32 / 9;
  background-color: #ffffff;
  z-index: 2;
  border-radius: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4%;
}

.section-33{
  grid-area: 33 / 8 / 34 / 9;
  background-color: #ffffff;
  z-index: 2;
  border-radius: 1vw;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 4%;
}

.section-32 p, .section-33 p{
  font-size: 1.3vw;
}