/* Smartphones (portrait and landscape) ----------- */
@media only screen and (min-width : 320px) and (max-width : 767px) {

    /* Global */
    body {
        font-size: 22px;
        line-height: 30px;
    }

    .cta {
        text-align: left;
        max-width: 290px;
        width: 100%;
        margin: 0 0 25px 0;
        padding-right: 70px;
    }

    .cta:last-of-type {
        margin: 0 0 0 0;
    }

    h3 {
        font-size: 34px;
        line-height: 38px;
    }

    /* NYC Bar */
    .nycgov-second {
        display: none;
    }

    /* Header */
    #navigation {
        display: none;
    }

    #title img {
        max-width: 120px;
    }

    /* Home */
    .home .nycgov {
        z-index: 9999;
    }

    .home #home-hero-buttons {
        text-align: center;
    }

    /* Hero Section */
    .hero-section h2 {
        font-size: 32px;
        line-height: 38px;
    }

    /* Section */
    .section {
        margin: 30px 0;
    }

    .section:last-of-type {
        margin-bottom: 0;
    }

    .section-title {
        font-size: 20px;
        line-height: 30px;
    }

    .section-content h3,
    .section-content blockquote {
        font-size: 22px;
        line-height: 30px;
        padding-top: 10px;
        margin-bottom: 20px;
        border-top-width: 5px;
    }

    .section-content .figure,
    .section-content .wp-caption {
        margin: 40px -20px;
    }

    .section-content .wp-caption p {
        margin-left: 20px;
    }

    /* Overview */
    #overview-strategy {
        margin-bottom: 20px;
        margin-top: 20px;
    }

    #overview-strategy .insert {
        padding-top: 25px;
        padding-left: 20px;
        padding-right: 20px;
        margin-left: -20px;
        margin-right: -20px;
    }

    #overview-strategy .insert h3 {
        padding-right: 0;
    }

    #overview-strategy li {
        padding-right: 0;
        font-size: 26px;
        line-height: 32px;
    }

    #overview-strategy ol.numbered li:before {
        margin-right: 15px;
        margin-bottom: 10px;
    }

    #overview-outro {
        margin-top: 20px;
    }

    /* Industries List */
    #industries-list {
        margin-left: -20px;
        margin-right: -20px;
    }

    #industries-list .industry .list-details {
        max-width: 70%;
    }

    #industries-list .industry p.industry-tagline {
        font-size: 18px;
        line-height: 26px;
        margin-top: 5px;
    }

    #industries-list .industry .list-link {
        max-width: 20%;
        background-color: #ffde4f;
    }

    /* Single Industry */
    .single-industry .hero-section .industry-index,
    .single-industry .hero-section .industry-tagline {
        font-size: 26px;
        line-height: 30px;
    }

    .single-industry #industry-data-table,
    .single-industry #industry-data-facts-slider {
        margin-right: -20px;
        margin-left: -20px;
    }

    .single-industry #facts-slider {
        padding-left: 60px;
        padding-right: 60px;
    }

    .single-industry #facts-slider strong {
        font-size: 18px;
        line-height: 18px;
    }

    .single-industry .facts-slider-arrow {
        background-size: 70%;
    }

    .single-industry .prev.facts-slider-arrow {
        left: 15px;
    }

    .single-industry .next.facts-slider-arrow {
        right: 15px;
    }

    .single-industry #industry-outro {
        margin-top: 20px;
    }

    /* Resources */
    #resources-list {
        margin-top: 30px;
        margin-left: 0;
        margin-right: 0;
    }

    .grid .grid-item.resource {
        width: 100%;
        margin-bottom: 20px;
    }

    /* Footer */
    #footer-navigation,
    #footer-social,
    #copyright {
        float: none;
        text-align: center;
    }

    #footer-social,
    #copyright {
        margin-top: 30px;
    }

    #copyright {
        font-size: 14px;
    }

}

/* Smartphones (landscape) ----------- */
@media only screen and (min-width : 321px) and (orientation : landscape) {}

/* Smartphones (portrait) ----------- */
@media only screen and (max-width : 767px) and (orientation : portrait) {}

/* Tablets (portrait and landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) {}

/* Tablets (landscape) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape) {}

/* Tablets (portrait) ----------- */
@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait) {}

/* Desktops and Laptops */
@media only screen and (min-width: 1025px) {}