/*==========================================================================================
            Extra large devices (large desktops, less than 1200px)
==========================================================================================*/
@media (max-width: 1200px) {



}

/*==========================================================================================
           Large devices (desktops, less than 992px)
==========================================================================================*/
@media (max-width: 992px) {



}

/*==========================================================================================
           Medium devices (tablets, less than 768px)
==========================================================================================*/

@media (max-width: 768px) {




}

/*==========================================================================================
            Extra small devices (portrait phones, less than 576px)
==========================================================================================*/

@media (max-width: 576px) {


    #home .container-fluid {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    #home .card {
        margin-top: 7rem;
        margin-bottom: 2rem;
        border-radius: 20px !important;
    }

    #home .home-cover-title {
        font-size: 3rem;
        text-align: center;
    }

    #home .home-cover-text {
        font-size: 1rem;
        text-align: center;
    }

    #recommended .card img {
        border-radius: 20px 20px 0 0 !important;
    }


}


/*==========================================================================================
            Extra small devices (portrait phones, less than 300px)
==========================================================================================*/

@media (max-width: 300px) {

    #home .container-fluid {
        padding-left: 2rem !important;
        padding-right: 2rem !important;
    }

    #home .card {
        margin-top: 7rem;
        margin-bottom: 6rem;
        border-radius: 20px !important;
    }

    #home .home-cover-title {
        font-size: 3rem;
    }

    #home .home-cover-text {
        font-size: 1rem;
    }

}