body, html{ background: url(../img/noback.jpg); font-family: sans-serif; line-height: 1.15; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -ms-overflow-style: scrollbar; -webkit-tap-highlight-color: transparent; } .h1, h1 { font-size: 30pt; color: #cc0000; font-family: 'Pattaya', sans-serif; text-align: center; } container-fluid{ min-width: 500px; } 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; margin-top: 5vh; } img{ max-width: 400px; height: auto; margin-top: 10vh; } #backbtn{ background-color: #fe5f55; text-transform: uppercase; border: #fe5f55; } /* Small devices (landscape phones, 576px and up) */ @media (max-width: 576px) { .img{ max-width: 700px; height: auto; margin-top: 2vh; } div.row h1{ font-size: 20pt; } div.row h2{ font-size: 10pt; } } /* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */ @media (max-width: 768px) { } /* Large devices (desktops, 992px and up) */ @media (max-width: 992px) { } /* Extra large devices (large desktops, 1200px and up) */ @media (max-width: 1200px) { } /* :::::::::::::::::::::::::::::::::::::::::::::::::::: Custom media queries */ /* Set width to make card deck cards 100% width */ @media (max-width: 950px) { }