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


 }
body {
  margin: 0; font-family: "neue-haas-grotesk-text", sans-serif;
  font-size: 16px !important;
  background-color: #fafafa !important;
  overflow-y: auto !important;
  overflow-x: hidden;
  text-align: center;
  background: #efefef;
}


.atv-textos {
    line-height: 1;
    padding-top: 35vh;
}

.texto-cinza {
    color: #9a9a9a;
    font-size: 1.3rem;
    font-weight: 400;
}

.texto-vermelho {
    color: #C70016;
    font-weight: 600;
}

.atv-subtitulo {
    font-size: 4rem;

}

img {
    position: absolute;
    bottom: 40px;
    transform: translateX(-50%);
    height: 40px;
}

@media only screen and (max-width: 820px) {
    .atv-textos {
        line-height: 1;
        padding-top: 35vh;
    }
    
    .texto-cinza {
        color: #9a9a9a;
        font-size: 1rem;
        font-weight: 400;
    }
    
    .texto-vermelho {
        padding-left: 10px;
        padding-right: 10px;
        color: #C70016;
        font-weight: 600;
    }
    
    .atv-subtitulo {
        font-size: 2rem;
    
    }
     

}