@media print {
    nav {
        display: none;
    }

    .footer, .footer a, .footerLogos{
        color:#000000;
        background-color: #FFFFFF;
    }

    .noPrint {
        display: none;
    }

    .printOnly {
        display: unset;
    }

    div.carousel {
        display: none;
    }

    .images {
        display: block;
        grid-template-columns: unset;
        /*page-break-inside: avoid;*/
    }

    .galleryImage, .shortAttributest, .shortAttributesp, .longAttributesp, .longAttributesp {
        page-break-inside: avoid;
    }

    .vertical-scroll-wrapper.printable{
        overflow-x: auto;
        overflow-y: auto;
        white-space: normal;
    }
    .vertical-scroll-wrapper div{
        display: inline-block;
        width: 31vw; /*this is a crazy random number but seems to give me a somewhat reasonable photo size when I print to pdf*/
    }
}