*, :after, :before {
  border-sizing: border-box;
}

body {
  margin: 0px;
  font-weight: normal;
  font-family: roboto_regular;
  box-sizing: border-box;
}

h1, h2, h3, h4, h5, h6, p {
  font-weight: normal;
  margin: 0px;
}

a {
  text-decoration: none;
}

.conteiner-puritty {
  width: 100vw;
  height: 100vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.puritty {
  width: 67.55208333333333%;
  min-width: 480px;
  height: 100vh;
  background-color: #fff;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.bloque1-cabecera-puritti {
  width: 100%;
  height: 11.11111111111111vh;
  max-height: 120px;
  background-color: #4eb397;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.bloque2-conten-menu-productos {
  width: 100%;
  height: 6.481481481481481vh;
  max-height: 70px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  box-sizing: border-box;
  border-bottom: solid 1px #e6e6e6;
}

.bloque3-buscador-puritti {
  width: 100%;
  height: 6.481481481481481vh;
  max-height: 70px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #fff;
}

.bloque4-contenido-puritty {
  width: 100%;
  height: 66.66666666667vh;
  overflow: auto;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.bloque5-piesdepagina-puritty {
  width: 100%;
  height: 9.259259259259259vh;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-height: 100px;
  background-color: #b4e6d7;
}

.coteiner-carro {
  width: 32.44791666666667%;
  min-width: 320px;
  height: 100vh;
  background-color: #fff;
  box-shadow: -4px 0px 12px 1px rgba(0, 0, 0, 0.1);
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}

.bloque1-cabecera-carro {
  width: 100%;
  height: 18.98148148148148vh;
  max-height: 205px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background-color: #31705f;
}

.bloque2-contenido-carro {
  width: 100%;
  height: 71.75925925926vh;
  background-color: #fff;
}

.bloque3-piesdepagina-carro {
  width: 100%;
  height: 9.259259259259259vh;
  max-height: 100px;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-color: #31705f;
}