/***############### 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 */
.website-wrapper__outer-image {
    break-inside: avoid; page-break-inside: avoid; /*Older version*/
}



@media only print and (min-width: 500px){
    
    h2 { font-size: 20px; }
    h3 { font-size: 20px; }
    
    /* General sitewide sections */
    .content { width: 100%; }
    .header { padding-bottom: 12px; }
    .main-title-container { padding-left: 80px; }  
    .subtitle-container { padding-left: 80px; }
    #logo { top: 20px; left: 10px; width: 60px; }

    /* Header styles */
    .main-title-container__main-title a { font-size: 32px; }
    
    /* Nav styles */
    .nav__nav-list { width: 100%; }
    .nav__item { padding-left: 0%; padding-right: 6%; font-size: 17px; }
    .nav .nav__nav-link { font-size: 17px; }
    
    
    /*########## Page Specific Styles */
    /*Index page*/
    .website-wrapper__title { padding-top: 10px; padding-bottom: 18px; }
    .website-wrapper__title__link { font-size: 24px; }
    
    .website-wrapper__image { height: 236px; }
    
}