@media (max-width: 330px) {
    body {
        width: 120%;
    }
    .image-program {
        width: 100%;
    }
}
@media (max-width: 640px) {
    .header-wrapper {
        margin-top: 13%;
    }
    .shop-header-cover-title {
        margin-top: 4% !important;
        font-size: 26px;
    }
}
@media(min-width: 400px) and (max-width: 450px) {
    .header-wrapper {
        margin-top: 12%;
    }
    .shop-header-cover-title {
        margin-top: 3% !important;
        font-size: 26px;
    }
}
@media (min-width: 641px) and (max-width: 768px) {
    .header-wrapper {
        margin-top: 6.5%;
    }
    .shop-header-cover-title {
        margin-top: 5% !important;
        font-size: 26px;
    }
}