/***############### Base reset and generic styles for print ***/
/*Enable background-colors and background-images on (most) browsers. */
* {
    -webkit-print-color-adjust: exact !important; /* Chrome, Safari */
    color-adjust: exact !important; /* Firefox */
}

.noprint {
    display: none;
}
/***########## End of General Reset and Setup ****/



/***############### Website Specific Styles. ***/

/* Prevent mid-item splitting onto two pages if possible */
.slideshow,
.background-hero-image,
.headquarters-bg,
.location__background,
.menu-item__background,
.event__inner-container {
    break-inside: avoid;
    page-break-inside: avoid; /*Older version*/
}



@media only print and (min-width: 500px) {
    h2 {
        font-size: 26px;
    }

    h3 {
        font-size: 24px;
    }

    .main-title-container {
        top: 120px;
        right: 15%;
        max-width: 204px;
        padding: 10px 15px;
    }

        .main-title-container .main-title__title, .main-title-container .main-title__word-two {
            font-size: 32px;
        }


    .slideshow__header {
        bottom: 10px;
    }


    .footer__social {
        width: 148px;
    }

    .footer__social-item {
        padding-right: 30px;
    }

        .footer__social-item .fa-2x {
            font-size: 2em;
        }
}