@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;
  color: #3c3c3c;
}

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

.container {
  width: 100%;
  height: 100%;
  display: grid;
  grid-template-columns: 27fr 656fr 656fr 27fr;
  grid-template-rows: 24fr 240fr 34fr 518fr 30fr 508fr 106fr 144fr 49fr 41fr 813fr 39fr 157fr 352fr 149fr 153fr 41fr 87fr 229fr 494fr 40fr;      
  grid-column-gap: 0px;
  grid-row-gap: 0px;
}

.section-1 {
  grid-area: 2 / 2 / 5 / 4;
  background-image: url("../img/1-Batedeira-KitchenAid-Butter.png");
  background-position: center center;
  background-size: 100% auto ;
  background-repeat: no-repeat;
  background-color: #fffad7;
}

.section-2 {
  grid-area: 6 / 2 / 7 / 3;
  background-image: url("../img/2-Cor-do-Ano-Butter-KitchenAid.png");
  background-position: center center;
  background-size: auto 90%;
  background-repeat: no-repeat;
  background-color: #fffad7;
  z-index: 2;
}

.section-3 {
  grid-area: 6 / 2 / 10 / 3;
  background-color: #fffad7;
}

.section-4 {
  grid-area: 6 / 3 / 10 / 4;
  background-image: url("../img/3-Batedeira-KitchenAid-Butter.png");
  background-position: center center;
  background-size: auto 100% ;
  background-repeat: no-repeat;
  background-color: #fffad7;
}

.section-5 {
  grid-area: 7 / 2 / 8 / 3;
  display: flex;
  justify-content: center;
  align-items: center;
}

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

.section-6 {
  grid-area: 8 / 2 / 9 / 3;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-6 p{
  text-align: center;
  font-size: 1.4vw;
  line-height: 1.2;
  width: 80%;
}

.section-7{
  grid-area: 11 / 2 / 12 / 4;
  background-image: url("../img/4-Batedeira-KitchenAid-Butter.png");
  background-position: center center;
  background-size: auto 100% ;
  background-repeat: no-repeat;
}


.section-8{
  grid-area: 13 / 2 / 17 / 4;
  background-color: #fffad7;
}

.section-9{
  grid-area: 15 / 2 / 16 / 3;
  background-image: url("../img/5-Batedeira-KitchenAid-Butter.png");
  background-position: center center;
  background-size: auto 70% ;
  background-repeat: no-repeat;
  background-color: #fffad7;
}

.section-10{
  grid-area: 14 / 2 / 15 / 3;
  display: flex;
  justify-content: center;
  align-items: center;
}

.section-10 p{
  text-align: center;
  font-size: 2.6vw;
  line-height: 1.3;
  width: 75%;

}

.section-11{
  grid-area: 13 / 3 / 17 / 4;
  background-image: url("../img/6-Batedeira-KitchenAid-Butter.png");
  background-position: center center;
  background-size: 100% auto;
  background-repeat: no-repeat;
  z-index: 3;
}

.section-12{
  grid-area: 18 / 2 / 21 / 3;
  background-image: url(../img/7-Batedeira-KitchenAid-Butter.png);
  background-position: center bottom;
  background-size: 100% auto;
  background-repeat: no-repeat;
  z-index: 3;
}

.section-13{
  grid-area: 18 / 2 / 21 / 4;
  background-color: #fffad7;
}

.section-14{
  grid-area: 19 / 3 / 20 / 4;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: left;
}

.section-14 p{
  font-size: 1.6vw;
  line-height: 1.3;
  padding-left: 9%;
  padding-right: 15%;
}

.section-15 {
  grid-area: 20 / 3 / 21 / 4;
  display: flex;
  align-items: center;
  justify-content: center;
}

.section-15 > div {
  display: grid;
  grid-template-columns: repeat(2, 1fr); /* Duas colunas */
  gap: 3vw 3vw; /* Espaçamento entre linhas e colunas */
  font-family: Arial, sans-serif;
}

.section-15 .item {
  display: flex;
  align-items: center;
}

.section-15 img {
  width: 2.3vw; /* Ajuste o tamanho conforme necessário */
  height: 2.3vw;
  margin-right: 0.8vw;
}

.section-15 p {
  font-size: 1.3vw;
  margin: 0;
}

.section-15 span {
  color: #c10627;
  font-weight: bold;
}