main{
    padding-top:2%;
}

@media (max-width: 980px) {
    .navbar-brand img {
        width:200px;
        height: auto;
    }
    .btn-outline-primary {
        color: #01bc8c !important;
        border-color: #01bc8c !important;
    }
    .rrv_popular small {
        font-size:0.7em;
    }
    .rrv_upcoming-time small {
        font-size:1em;
    }
    .btn-block {
        display: block;
        width: 30%;
        margin: 0 auto;
    }
    h2, .h2 {
        font-size: 2em ;
    }
    h3, .h3 {
        font-size: 1.8em;
    }
    h4, .h4 {
        font-size: 1.3em;
    }
    h5, .h5 {
        font-size: 1em;
    }
}

@media (max-width: 600px) {
    .btn-block {
        display: block;
        width: 100%;
    }
    .rrv_popular small {
        font-size:1em;
    } 
}

@media (min-width: 981px) {
    .navbar-brand img {
        width:300px;
        height: auto;
    }
    .btn-block {
        display: block;
        width: 20%;
        margin: 0 auto;
    }
    .btn-outline-primary {
        color: #01bc8c;
        border-color: #01bc8c;
    }
    .nav-link {
        width: 20%;
    }

    .bg-secondary {
        background-color: #375a7f !important;
    }

    .rrv_upcoming-time small, .rrv_popular small {
        font-size:1em;
    }

    .rrv_badge-title {
        font-size:1em;
    }
}

@media (min-width: 1100px) {
    .navbar-brand img {
        width:300px;
        height: auto;
    }
}

@media (min-width: 1405px) {
    .navbar-brand img {
        width:175px;
        height: auto;
    }
    .btn-block {
        display: block;
        width: fit-content;
        margin: 0 auto;
    }
    .nav-link {
        width: 100%;
    }
}

@media (min-width: 1675px) {
    .navbar-brand img {
        width:300px;
        height: auto;
    }
}

@media (min-width: 1900px) {
    .navbar-brand img {
        width:300px;
        height: auto;
    }
}