@media screen and (max-width: 800px) {
    .banner, .banner-img {
        height: 250px !important;
    }
    
    .banner-title {
        width: 85% !important;
        font-size: 32px !important;
        left: 7% !important;
        top: 30% !important;
    }
    
    .banner-subtitle {
        font-size: 22px !important;
    }
    
    .article-container {
        padding: 1em 2em 3em 2em !important;
    }
    
    .article-img {
        height: 230px !important;
    }
    
    .paragraph-content {
        text-align: justify;
    }
    
    .paragraph-content span {
        font-size: 14px !important;
    }
    
    .youtube-vid iframe {
        width: 100% !important;
        height: 250px !important;
    }
    
    .download-btn {
        width: 100% !important;
    }
}