/* Medium devices (tablets, 600px and up) */
@media only screen and (min-width: 600px) and (max-width: 1000px) {

    h1 {
        font-size: 50px;
    }

    h2 {
        font-size: 25px;
    }
    
    p {
        font-size: 16px;
    }

    .header_container {
        padding: 0 20px;
    }

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

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

    .navigation_bar {
        padding: 14px 0px;
    }

    .navigation_links {
        font-size: 17px;
    }

    .navigation_links li:not(:last-child) {
        padding-right: 20px;
    }
    
    .dropdown_content a {
        font-size: 15px;
        margin: 13px;
    }

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

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

    #the_points_project_logo {
        height: 80px;
        padding-top: 15px;
        float: left;
    }

    #the_points_project_title {
        display: inline-flex;
        vertical-align: top;
        margin-left: 30px;
        font-size: 16px;
        padding: 10px 0px;
        letter-spacing: 8px;
    }

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

    #robot_couple {
        max-width: 390px;
        float: right;
    }

    /* For touch screen devices */
    @media (hover: none) {
    
        .navigation_links {
            display: none;
        }

        #the_points_project_logo {
            display: none;
        }

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

        #mobile_menu_icon {
            display: flex;
        }
    }
}


