@media screen and (min-width:769px) {

    #block-horizontalmenu,
    #block-responsivemenumobileicon {
        display: none;
    }
}


/* iPad portrait and smaller ----------- */

@media screen and (max-width: 768px) {
    body {
        background: #ffffff;
        padding: 0;
        font-size: 1.0625em;
        font-size: 1.0625rem;
    }

    .mobile-sitename {
        display: block;
    }

    /* .path-frontpage .mobile-sitename {
        display: none;
    } */

    .grid {
        display: block;
        grid-template-columns: inherit;
    }

    #navigation {
        border: none;
    }

    #page {
        padding: 0;
        border: none;
    }

    h1 {
        font-size: 2em;
        font-size: 2rem;
        letter-spacing: -1px;
        text-align: left;
    }

    .path-frontpage h1.page-title {
        text-align: center;
        margin-bottom: 0;
    }

    h2 {
        font-size: 1.7em;
        font-size: 1.7rem;
    }

    .container {
        width: 100%;
        margin: 0 auto;
        padding: 0 1.5rem;
        max-width: inherit;
        min-width: inherit;
    }

    .navigation .container,
    .header .container,
    .highlighted .container {
        padding: 0;
        margin: 0;
    }

    .float-left,
    .float-right,
    section,
    .main .block,
    .footer .block,
    .region-footer>div,
    .logo,
    .main .region,
    .cols>.col,
    #block-facebook,
    #block-twitter,
    .drupal-love,
    .pantheon-hosting,
    .sidebar-first .layout-content,
    #sidebar-first,
    .view-frontpage .views-row,
    .view-frontpage .views-row:nth-child(2),
    .path-frontpage #block-avenue-content,
    #block-views-block-frontpage-block-1,
    .views-field-field-image img,
    .field--name-field-image-inline img,
    .views-field-field-gif img {
        float: none;
        width: 100%;
        max-width: 100%;
        min-height: inherit;
        height: auto;
        padding: 0;
        margin: 0;
        text-align: left;
    }

    .rooftop .container,
    .region-header,
    .region-footer,
    .header .block,
    .footer .block {
        margin: 0;
        padding: 0;
    }

    .site-logo img {
        width: 100%;
        max-width: 100%;
        margin: 0 auto;
    }

    .views-field-title,
    .region-highlighted .views-field-title {
        font-size: 1.5rem;
        margin: 1.5rem 0;
        line-height: 1.3;
    }

    ul.menu li {
        display: block;
        margin: 0;
        margin: 0;
        padding: 0;
    }

    .views-field-field-image,
    .views-field-field-gif,
    .field--type-image {
        margin: 0 -1.5rem 1.5rem;
    }

    .view-sponsors .views-field-field-image {
        margin: 0;
    }

    .node--type-event .field--type-image {
        margin: 0;
    }

    .views-field-field-image img,
    .field--type-image img,
    .views-field-field-gif img {
        margin: 0;
    }

    blockquote {
        margin: 0 0 0 -1.5rem;
    }

    /* Tabs -- ex: log in, create new account */
    .block-local-tasks-block ul.tabs {
        margin: 0;
        padding: 0;
    }

    .block-local-tasks-block ul.tabs>li {
        display: block;
        margin: 1px 0;
        width: 100%;
    }

    .block-local-tasks-block ul.tabs>li a {
        border-radius: 2px;
    }

    /* responsive menu module CSS overrides */
    #block-avenue-main-menu,
    #block-avenue-account-menu,
    .responsive-menu-toggle-icon span.label {
        display: none;
    }

    #block-responsivemenumobileicon {
        background: none;
        float: left;
        width: 49px;
        margin: 0.75rem;
        border: none;
        border-radius: 0;
        padding-top: 4px;
    }

    .responsive-menu-toggle-icon:before,
    .responsive-menu-toggle-icon:after,
    .responsive-menu-toggle-icon span.icon {
        background: #848484;
        height: 2px;
    }

    .header,
    .grid-item {
        padding: 1.5rem;
    }

    .grid-item-nopad {
        padding: 0;
        min-height: inherit;
    }

    .view-people .view-content {
        grid-template-columns: 50% 50%;
        grid-column-gap: 0;
    }

    .view-people .view-content .views-row {
        padding: 0.75rem 0.75rem 3rem;
    }

    /* TABLES */
    td,
    th {
        display: block;
        border: none;
        padding: 1px;
        width: 100% !important;
    }

    .td_inner_wrapper {
        padding: 0.5rem 1rem;
    }

    thead,
    tr {
        border-top: 1.5rem solid #fff;
        margin: 0.5rem;
    }

    thead {
        display: none;
    }

    td.views-field-title a {
        font-weight: bold;
    }

    /* HIGHLIGHTED */
    .region-highlighted .views-field-uid,
    .region-highlighted .views-field-created {
        background: #fff;
        margin: 0;
        display: block;
        z-index: 2;
        padding: 0;
    }

    .region-highlighted .views-field-field-image {
        margin-bottom: 1.5rem;
    }

    /* WEBFORM */
    .field--widget-image-image {
        margin: 0 0 1.5rem;
    }

    /* SPONSORS */
    .view-sponsors .view-content {
        grid-template-columns: 50% 50%;
    }

    /* EVENTS */
    .view-events .views-row {
        display: block;
        grid-template-columns: inherit;
        width: 100%;
        margin: 0 0 1.5rem 0;
        border-bottom: 1px solid #ddd;
        padding: 1.5rem 0;
    }

    .view-events .views-row:last-child {
        border-bottom: none;
    }

    .view-events .views-field-field-date,
    .view-events .views-field-field-date-end {
        width: inherit;
        margin: 0 2.5rem 0 0;
    }

    .view-events h3 {
        margin: 1.5rem 0;
    }

    .view-events h3.views-field-title {
        font-size: 1.5rem;
        margin: 0.75rem 0 0;
    }

    .view-events .fieldset-3 {
        margin: 0;
        overflow: hidden;
    }

    .views-field-field-location {
        margin: 0.75rem 0;
    }

    .views-field-field-sponsors .field--type-image {
        margin: 0;
    }

    .smaller-font {
        font-size: 1rem;
    }

    .view-header {
        text-align: left;
    }

    .page-node-type-event .field--name-field-sponsors>div.field__item {
        width: 49%;
        max-width: 49%;
        margin: 0;
        padding: 0.75rem 0 0;
    }

    .view-content>h3 {
        margin: 1.5rem -1.5rem;
    }

    .path-events h1.page-title,
    .path-events .view-header {
        text-align: center;
    }

    #block-homescheduleintro a.button {
        position: relative;
        bottom: auto;
    }

    /* FOOTER */
    .footer .container {
        padding: 1.5em;
        padding: 1.5rem;
    }

    .footer .block {
        padding: 1.5rem 1.5rem 0;
    }

    .footer-donate {
        float: none !important;
        width: 100%;
        margin: 0 0 1.5rem 0;
    }
}


/* iPad portrait and smaller ----------- */

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

    .header,
    .grid-item {
        padding: 1.5rem;
    }

    .grid-item-nopad {
        padding: 0;
        min-height: inherit;
    }
}