main { background-color: rgb(0, 0, 0); background-image: url("../images/logo-livecinema-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 { font-size: min(10vw, 25px); } .btn { font-size: min(10vw, 18px); width: 30vh; } } /* .promo-text-block .promo-middle { font-size: min(20vw, 160px); } */