@media (max-width: 768px) {
    #recommendations {
        padding: 60px 5%;
    }

    .recommendations-container {
        flex-direction: column;
    }

    .recommendations-header-container {
        top: 20%;
    }

    .rec-card {
        padding: 40px 30px;
    }

    .recommendations-subtext {
        max-width: 100%;
    }
}