html {
  font-size: 13px;
}

@media screen and (min-width: 320px) {
  html {
    font-size: calc(13px + 4 * ((100vw - 320px) / 880));
  }
}

@media screen and (min-width: 768px) {
  html {
    font-size: calc(12px + 6 * ((100vw - 320px) / 880));
  }
}

@media screen and (min-width: 1200px) {
  html {
    font-size: 17px;
  }
}

body {
  font-family: "Ubuntu", sans-serif;
  letter-spacing: 0em;
}



.logostyle1 {
  width: 8vw;
  max-width: 153px;
  margin-top: -0.4em;
  position: relative;
  margin-right: 2px;
  min-width: 89px;
}

/* HEADER  */
.sales-header {
  max-width: 100vw;
  overflow: hidden;
}

.sales-header > div {
  max-width: 100%;
  height: 100%;
}
.sales-header > div > img {
  width: 100%;
  height: auto;
  display: block;
}

#conteudo img.icone {
  width: 90px;
  height: 73px;
  object-position: bottom;
  object-fit: contain;
}

@media (max-width: 767.98px) {
  .sales-header > div > img {
    width: 113% !important;
    transition: all 0.5s ease;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;

    top: 50%;
    left: 50%;
    transform: translate(-50%, 0%);
    -webkit-transform: translate(-50%, 0%);
    -moz-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    -o-transform: translate(-50%, 0%);
    position: relative;
  }
}

.toolicon {
  padding: 0px;
  border: 1.7px solid #a4a3a8;
  border-radius: 50%;
  text-align: center;
  overflow: hidden;
}

.toolicon > img {
  display: block;
  width: 50px;
  height: 50px;
  object-fit: contain;
  transform: scale(0.6);
  -webkit-transform: scale(0.6);
  -moz-transform: scale(0.6);
  -ms-transform: scale(0.6);
  -o-transform: scale(0.6);
}

/*  */
.checkicon > img {
  display: block;
  width: 20px;
  height: 20px;
  object-fit: contain;

  transform: scale(1);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
}

@media (max-width: 767.98px) {
  .toolicon > img {
    width: 40px;
    height: 40px;

    transform: scale(0.5);
    -webkit-transform: scale(0.5);
    -moz-transform: scale(0.5);
    -ms-transform: scale(0.5);
    -o-transform: scale(0.5);
  }

  .checkicon > img {
    display: block;
    width: 20px;
    height: 20px;
    object-fit: contain;

    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
  }
}