/* Small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {

    h1 {
        font-size: 40px;
    }

    h2 {
        font-size: 20px;
    }

    p {
        font-size: 16px;
    }

    .header_container {
        padding: 0 16px;
    }

    .page_container {
        margin: 0 auto;
        padding: 0 16px;
    }

    .footer_container {
        display: flex;
        justify-content: right;
        flex-wrap: wrap;
        padding: 0 16px;
        font-size: 16px;
    }

    .navigation_bar {
        padding: 10px 0px;
    }

    .navigation_links {
        font-size: 16px;
    }

    .navigation_links li:not(:last-child) {
        padding-right: 16px;
    }

    .dropdown_content a {
        font-size: 14px;
        margin: 10px;
    }

    .location_browser_bar select {
        margin: 4px 0px;
    }

    .location_menu {
        border-bottom: none;  
    }

    .location_menu:last-child {
        border-bottom: 1px solid black;  
    }

    .copyright_bar {
        display: flex;
        margin: 12px 0;
        padding: 0;
    }
    
    .copyright_bar li {
        padding-left: 12px;
    }

    #the_points_project_logo {
        display: none;
    }

    #the_points_project_title {
        display: inline-flex;
        vertical-align: top;
        font-size: 14px;
        padding: 14px 0px 0px 0px;
        letter-spacing: 6px;
    }

    #our_story #image_container {
        display: flex;
        justify-content: center;
    }

    #robot_couple {
        max-width: 300px;
    }

    .location_menu {
        width: 100%;
    }

    #location_broswer_single_button {
        display: flex;
    }

    .dropdown_content {
        width: calc(100% - 32px);
    }

    /* Force image to full width of device */
    .left_location_section {
        margin: 0;
    }
    
    .left_location_section img {
        width: 100%;
    }

    .redemption_details h2 {
        margin-top: 14px;
    }
    
    /* For touch screen devices */
    @media (hover: none) {
    
        .navigation_links {
            display: none;
        }
        
        .location_browser_bar select {
            margin: 4px 5px;
        }

        #the_points_project_title {
            margin-left: 20px;
        }
    
        #mobile_menu_icon, #mobile_close_icon {
            float: left;
            width: 30px;
            padding-top: 14px;
        }

        #mobile_menu_icon {
            display: flex;
        }

    }

}