@font-face {
  font-family: nunito;
  src: url(../fonts/Nunito/static/Nunito-Regular.ttf);
}

@font-face {
  font-family: nunito-bold;
  src: url(../fonts/Nunito/static/Nunito-Bold.ttf);
}
@font-face {
  font-family: nunito-black;
  src: url(../fonts/Nunito/static/Nunito-Black.ttf);
}

* {
  box-sizing: border-box;
  font-family: nunito;
}

body {
  align-items: center;
  display: flex;
  flex-direction: column;
  margin: 0;
}

h2 {
  color: #2c1951;
  font-family: nunito-bold;
  font-size: 4.44vw;
  line-height: 4.4vw;
  margin-block-end: 0.5em;
  margin-block-start: unset;
}

p {
  font-size: 1.2vw;
  margin-block-start: unset;
}

/* PRODUTOS */
/* !!!!!!!!!!!! */
/* !!!!!!!!!!!! */
#produtos {
  align-items: center;
  display: flex;
  flex-direction: column;
  padding-top: 10vh;
  margin-bottom: 8vh;
  width: 100%;
}

#produtos h2,
#produtos p {
  text-align: center;
  width: 60%;
}

#amarracao-produtos {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 90vw;
}

#amarracao-produtos div {
  background-size: cover;
  border-radius: 10px;
  height: 26vw;
  margin: 0.5vw;
  width: 27vw;
}

/* MUDE AS IMAGENS DE CADA PRODUTO CORRESPONDENTE AQUI */
#produto-1 {
  background: url(/assets/images/produtos_aneis.png) center no-repeat;
}
#produto-2 {
  background: url(/assets/images/produtos_argolas.png) center no-repeat;
}
#produto-3 {
  background: url(/assets/images/produtos_berloques.png) center no-repeat;
}
#produto-4 {
  background: url(/assets/images/produtos_braceletes.png) center no-repeat;
}
#produto-5 {
  background: url(/assets/images/produtos_brinco-base.png) center no-repeat;
}
#produto-6 {
  background: url(/assets/images/produtos_brinco-click.png) center no-repeat;
}
#produto-7 {
  background: url(/assets/images/produtos_chocker.png) center no-repeat;
}
#produto-8 {
  background: url(/assets/images/produtos_colares.png) center no-repeat;
}
#produto-9 {
  background: url(/assets/images/produtos_correntes.png) center no-repeat;
}
#produto-10 {
  background: url(/assets/images/produtos_earcuff.png) center no-repeat;
}
#produto-11 {
  background: url(/assets/images/produtos_escapulario.png) center no-repeat;
}
#produto-12 {
  background: url(/assets/images/produtos_kids.png) center no-repeat;
}
#produto-13 {
  background: url(/assets/images/produtos_masculino.png) center no-repeat;
}
#produto-14 {
  background: url(/assets/images/produtos_piercings-fake.png) center no-repeat;
}
#produto-15 {
  background: url(/assets/images/produtos_pingentes.png) center no-repeat;
}
#produto-16 {
  background: url(/assets/images/produtos_pulseiras.png) center no-repeat;
}
#produto-17 {
  background: url(/assets/images/produtos_riviera.png) center no-repeat;
}