@media screen and (max-width:1920px) {

    /* - - - Polaroids: */
    #polaroid_01 {
        left: 39vw;
    }

    #polaroid_02 {
        left: 23vw;
    }

    #polaroid_03 {
        left: 7vw;
    }

    #polaroid_04 {
        left: 56vw;
    }

    #polaroid_05 {
        left: 71vw;
    }

    .polaroid_container {
        top: 15vw;
        padding: 1vw;
    }

    .polaroid_caption {
        padding: 30px 0.7vw 20px;
    }

}

@media screen and (max-width:1500px) {
    
    /* - - - main container: */
    .main_container {
        padding: 80px;
    }

}

@media screen and (max-width:1400px) {
    
    /* - - - Polaroids: */
    .polaroid_container {
        top: 19vw;
    }

}

@media screen and (max-width:1200px) {

    /* - - - Polaroids: */
    .polaroid_container {
        padding: 15px;
        top: 170px;
        width: 30%;
    }

    .polaroid_caption {    
        font-size: 18px;
        padding: 18px 0 6px;
    }

    #polaroid_01 {
        top: 120px;
        left: 34%;
        transform: rotate(-20deg) scale(1);
    }
    
    #polaroid_02 {
        left: 7%;
        z-index: 500;
        transform: rotate(20deg) scale(1);
    }
    
    #polaroid_03 {
        left: 19%;
        top: 345px;
        z-index: 505;
        transform: rotate(-9deg) scale(1);
    }
    
    #polaroid_04 {
        left: 63%;
        transform: rotate(7deg) scale(1);
    }
    
    #polaroid_05 {
        left: 49%;
        top: 360px;
        transform: rotate(20deg) scale(1);
    }
    
    #polaroid_02 aside .polaroid_caption  {
        text-align: left;
    }

    /* - - - headers: */
    h1 {
        font-size: 46px;
    }    
    h2 {
        font-size: 36px;
    }
    h3 {
        font-size: 28px;
    }
    h4 {
        font-size: 20px;
    }

}

@media screen and (max-width:1100px) {

    /* - - - nav bar: */
    .nav_elements {
        padding-top: 25px;
    }

}

@media screen and (max-width:1000px) {

    /* - - - main container: */
    .main_container {
        padding: 60px;
    }

    /* - - - - - - - - Hero Containers: */
    .half_size_hero_container {
        margin-top: 70px;
    }

    /* - - - footer: */
    #footer_logo_nav {
        display: none;
    }

    #footer_logo_nav_02 {
        display: inline-block;
    }

    /* - - - about container: */
    #about-container {
        margin-top: 70px;
    }

}

@media screen and (max-width:800px) {

    /* - - - nav bar: */
    #main_nav_bar {
        height: 70px;
    }
    
    #desktop-nav-bar {
        display: none;
    }

    #mobile_nav_bar {
        display: inline-block;
    }

    /* - - - main menu: */
    #main_menu {
        width: 94%;
    }

    /* - - - headers: */
    h1 {
        font-size: 38px;
    }    
    h2 {
        font-size: 28px;
    }
    h3 {
        font-size: 20px;
    }
    h4 {
        font-size: 18px;
    }
    
    /* - - - 50/50 columns container: */
    .flex_column50 {
        width: 100%;
        max-width: 600px;
    }

    .flex_column50_text {
        padding: 0;
    }

    /* - - - Polaroids: */    
    #polaroid_02 aside .polaroid_caption {
        text-align: center;
    }

    #polaroid_01 {
        top: 120px;
    }
    
    #polaroid_02 {
        top: 220px;
    }
    
    #polaroid_03 {
        top: 445px;
    }
    
    #polaroid_04 {
        top: 250px;
    }
    
    #polaroid_05 {
        top: 460px;
    }

    /* - - - about container: */
    #about-container {
        padding: 40px;
        height: 85vh;
        margin-top: 100px;
    }

}

@media screen and (max-width:600px) {

    /* - - - Polaroids: */
    #polaroid_main_container {
        margin-top: 70px;
    }

    .polaroid_container {
        padding: 10px;
    }

    .polaroid_caption {
        padding: 17px 0 11px;
    }

    .polaroid_container {
        padding: 7px;
        width: 40%;
    }

    #polaroid_01 {
        top: 40px;
        left: 42%;
        transform: rotate(19deg) scale(1);
    }
    
    #polaroid_02 {
        top: 320px;
        left: 50%;
        z-index: 507;
        transform: rotate(30deg) scale(1)
    }
    
    #polaroid_03 {
        left: 13%;
        top: 150px;
    }
    
    #polaroid_04 {
        top: 450px;
        left: 11%;
        transform: rotate(-25deg) scale(1);
    }
    
    #polaroid_05 {
        left: 51%;
        top: 540px;
        transform: rotate(6deg) scale(1);
    }
    
    #polaroid_02 aside .polaroid_caption  {
        text-align: center;
    }

    /* - - - font-size: */
    .flex_column50_text, .colTextContainer, .faq_info_box, .fullWidthTextContainer {
        font-size: 15px;
    }
    
    /* - - -  columns text container: */
    .box_img_container {
        height: 300px;
    }

    /* - - - footer: */
    .footer_bottom_right_border {
        border-right: none;
    }

    #footer_bottom_links_container {
        flex-wrap: wrap;
        gap: 15px 0;
        max-width: 270px;
        margin-bottom: 15px;
    }

    .footer_bottom_links {
        width: 50%;
        padding: 0;
        min-width: 110px;
    }

    #social_icons_container {
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: center; 
        gap: 0 30px;
        align-items: center;
    }

}

@media screen and (max-width:500px) {

    /* - - - main container: */
    .main_container {
        padding: 30px;
    }

    /* - - - columns text container: */
    .colTextContainerRight {
        padding: 40px 0 0;
    }

    .colTextContainerLeft {
        padding: 0 0 40px;
    }

    /* - - - footer: */
    #footer_nav_container {
        flex-wrap: wrap;
    }

    .footer_nav_elements {
        width: 30%;
    }

}

@media screen and (max-width:450px) {

    /* - - - Polaroids: */
    #polaroid_04 {
        top: 410px;
    }

    .polaroid_caption {
        font-size: 14px;
        line-height: 130%;
    }

    /* - - - footer: */
    #social_icons_container {
        width: 230px;
        gap: 30px;
    }

    /* - - - about container: */
    #about-container {
        padding: 25px;
    }

    #about-container, #about-container i {
        font-size: 14px;
    }
    
}

@media screen and (max-width:400px) {

    /* - - - menu: */
    #main_menu {    
        height: 500px;
        padding-top: 100px;
    }

    /* - - - headers: */
    h1 {
        font-size: 30px;
    }    
    h2 {
        font-size: 24px;
    }
    h3 {
        font-size: 18px;
    }

}