main { background-color: rgb(0, 0, 0); background-image: url("../fotos/logo_light.png"); background-position: center; background-size: cover; background-repeat: no-repeat; color: #ffffff; } .col { opacity: 0.6; } p { font-size: 25px; text-align: center; } .btn { width: 300px; height: 50px; font-size: 25px; transition: 0.3s; } .btn:hover { transform: scale(1.1); } @media screen and (max-width: 576px) { p, .btn { font-size: min(10vw, 25px); } } /* .promo-text-block .promo-middle { font-size: min(20vw, 160px); } */