.staffHolder {
    padding: 4px;
    margin: 6px 0px;
}

.staffBox {
    border: thin solid #0051a0;
    padding: 12px;
    border-radius: 4px;
    -webkit-box-shadow: 2px 2px 3px #B2B0B0;
    box-shadow: 2px 2px 3px #B2B0B0;
    height: 335px;
    overflow: auto
}

@media screen and (min-width: 0px) and (max-width: 680px) {
    .staffBox {
        border: none;
        border-radius: 0px;
        -webkit-box-shadow: 2px 2px 3px #ffffff;
        box-shadow: 2px 2px 3px #ffffff;
    }

    /* hide border for small screens */
}

@media print {
    .staffBox {
        border: none;
        border-radius: 0px;
        -webkit-box-shadow: 2px 2px 3px #ffffff;
        box-shadow: 2px 2px 3px #ffffff;
    }

    /* hide border for print */
    .staffBox {
        height: 3in;
        width: 175px;
        overflow: hidden;
    }

    .col-print-1 {
        width: 8%;
        float: left;
    }

    .col-print-2 {
        width: 16%;
        float: left;
    }

    .col-print-3 {
        width: 25%;
        float: left;
    }

    .col-print-4 {
        width: 33%;
        float: left;
    }

    .col-print-5 {
        width: 42%;
        float: left;
    }

    .col-print-6 {
        width: 50%;
        float: left;
    }

    .col-print-7 {
        width: 58%;
        float: left;
    }

    .col-print-8 {
        width: 66%;
        float: left;
    }

    .col-print-9 {
        width: 75%;
        float: left;
    }

    .col-print-10 {
        width: 83%;
        float: left;
    }

    .col-print-11 {
        width: 92%;
        float: left;
    }

    .col-print-12 {
        width: 100%;
        float: left;
    }

    div.email {
        display: none !important;
    }

    a[href]:after {
        /*content: " (" attr(href) ")";*/
        content: none;
    }
}