@media screen {

    .PrintOnly {
        display: none !important;
    }

}

@media print {

    * {
        height: auto !important;
    }

    .nav.main, .searchBox, .slider-nav, .sisea-search-form,
    .nugget, .more, .social, .btn-enquiry, .button, .blog-cats,
    .widget, .slicknav_menu, .latest, .featured, .skiptranslate, 
    #enquiryForm, #featured, #footer, #offices, #officeLinks,
    #related, #siteInfo, #technicalSort, *#extra>p, #extra>h2,
    #google_translate_element {
        display: none;
    }

    body {
        font-family: helvetica, arial, sans-serif;
        font-size: smaller;
        height: auto;
    }

    .intro {
        font-size: larger;
    }

    a {
        color: #cc582d;
        text-decoration: none;
    }

    .role {
        color: #cc582d;
        font-weight: normal;
    }

    .name {
        color: black;
    }

    /* ul {list-style-type:square} */
    /* li {display: inline; padding-right: 10px; text-indent: none} */
    /* li p {display: inline-block} */

    .phone {
        text-align: right;
        font-size: smaller;
    }

    #printFooter {
        font-size: smaller;
    }

    #logo {
        display: none;
    }

    #logo-print {
        display: inline-block;
        /* width: 250px; */
    }

    /* .PrintOnly {display:block} */

    .uk {
        font-weight: bold;
    }

    /* h1, h2, h2 a, h3, h4, h3 {text-decoration:underline; color:gray} */
    /* h3, h3 a {color:silver !important; text-decoration:none} */

    h1 {
        text-transform: uppercase;
        color: gray;
    }

    h2, h3 {
        color: #cc582d;
    }

    h1, h2, h3, .intro {
        font-family: 'trebuchet ms', helvetica, arial, sans-serif;
    }

    .address, .address p, .address h3 {
        display: block !important;
    }

    .officePdfMap, .quote, .quotes, #goog-gt-tt {
        display: none !important;
    }

    #staffList ul {

        list-style: none;
        width: 100%;

        -webkit-column-count: 2 !important;
        -moz-column-count: 2 !important;
        column-count: 2 !important;
/*
        -webkit-column-gap: 40px;
        -moz-column-gap: 40px;
        column-gap: 40px;

        -webkit-column-rule: 1px solid lightblue;
        -moz-column-rule: 1px solid lightblue;
        column-rule: 1px solid lightblue;

        -webkit-column-width: 100px;
        column-width: 100px;
*/
    }

    #staffList ul span {
        color: black;
        font-weight: bold;
    }

    #staffList ul span.role {
        color: gray;
        font-weight: normal;
    }

}