body{ background: url(../img/yesback.jpg); margin: 0; padding: 0; background-position: center; background-repeat: no-repeat; background-size: cover; height: 100vh; } .container-fluid{ padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; text-align: center; vertical-align: middle; margin-top: 10vh; } div.row{ justify-content:center; } div.row h1{ padding: 0; border: 0; font-family: 'Pattaya', sans-serif; color:#cc0000; font-size: 50pt; text-align: center; border-radius: 100px; } div.row h2{ padding: 0; border: 0; font-family: 'Pattaya', sans-serif; color:#cc0000; font-size: 25pt; text-align: center; border-radius: 100px; } img{ max-width: 400px; height: auto; margin-top: 10vh; } #backbtn{ background-color: #fe5f55; text-transform: uppercase; border: #fe5f55; width: 200px; height: 50px; font-size: 25px; border-radius: 24px; } #backbtn:hover{ background:#90ddf0; border: 2px solid #faf3dd;; color:#2b3a67; } /*Small devices (landscape phones, 576px and up) */ @media (max-width: 576px) { img{ max-width: 200px; height: auto; } div.row h1{ font-size: 20pt; margin-top: 10px; } div.row h2{ font-size: 10pt; margin-top: 10px; } container-fluid{ min-width: 500px; vertical-align: middle; } .container{ padding-right: 0; padding-left: 0; margin-right: auto; margin-left: auto; text-align: center; } }