article { display: block; }
.pagewrap_staff { width: 100%; margin: 0 auto; padding: 0; } .wrapper_staff { overflow: hidden; } .col_staff { float: left; margin-bottom: 5px; } .fullwidth .col_staff { float: none; margin-left: 0; }
@media (min-width: 1135px) { .grid6 .col_staff { width: 15.95%; margin-left: 0.8%; } .grid6 .col_staff:nth-of-type(6n+1) { margin-left: 0; clear: left; }}
@media (min-width: 1135px) { .grid5 .col_staff { width: 19.25%; margin-left: 0.8%; } .grid5 .col_staff:nth-of-type(5n+1) { margin-left: 0; clear: left; }}
@media (min-width: 1135px) { .grid4 .col_staff { width: 24.35%; margin-left: 0.8%; } .grid4 .col_staff:nth-of-type(4n+1) { margin-left: 0; clear: left; }}
@media (min-width: 960px) { .grid3 .col_staff { width: 32.75%; margin-left: 0.8%; } .grid3 .col_staff:nth-of-type(3n+1) { margin-left: 0; clear: left; }}
@media (min-width: 444px) { .grid2 .col_staff { width: 48.05%; margin-right: 1.8%; } .grid2 .col_staff:nth-of-type(2n+2) { margin-right: 0; clear: right; }}
.grid1 .col_staff { width: 100%; margin-left: 0; clear: none; }
/* RESET COLS TO 3-COLUMN */
@media (min-width: 960px) and (max-width: 1135px) {
.grid6 .col_staff { text-align: center !important; width: 32.75%; margin-left: 0.8%; } .grid6 .col_staff:nth-of-type(3n+1) { margin-left: 0; clear: none; } .grid6 .col_staff:nth-of-type(3n+2) { margin-left: 0.8%; clear: none; } .grid6 .col_staff:nth-of-type(3n+1) { margin-left: 0; clear: left; }
.grid5 .col_staff { text-align: center !important; width: 32.75%; margin-left: 0.8%; } .grid5 .col_staff:nth-of-type(3n+1) { margin-left: 0; clear: none; } .grid5 .col_staff:nth-of-type(3n+2) { margin-left: 0.8%; clear: none; } .grid5 .col_staff:nth-of-type(3n+1) { margin-left: 0; clear: left; }
.grid4 .col_staff { text-align: center !important; width: 32.75%; margin-left: 0.8%; } .grid4 .col_staff:nth-of-type(3n+1) { margin-left: 0; clear: none; } .grid4 .col_staff:nth-of-type(3n+2) { margin-left: 0.8%; clear: none; } .grid4 .col_staff:nth-of-type(3n+1) { margin-left: 0; clear: left; }
}
/* RESET COLS TO 2-COLUMN */
@media (min-width: 444px) and (max-width: 960px) {
.grid6 .col_staff { text-align: center !important; width: 49.55%; margin-left: 0.8%; } .grid6 .col_staff:nth-of-type(2n+1) { margin-left: 0; clear: left; }
.grid5 .col_staff { text-align: center !important; width: 49.55%; margin-left: 0.8%; } .grid5 .col_staff:nth-of-type(2n+1) { margin-left: 0; clear: left; }
.grid4 .col_staff { text-align: center !important; width: 49.55%; margin-left: 0.8%; } .grid4 .col_staff:nth-of-type(2n+1) { margin-left: 0; clear: left; }
.grid3 .col_staff { text-align: center !important; width: 49.55%; margin-left: 0.8%; } .grid3 .col_staff:nth-of-type(2n+1) { margin-left: 0; clear: left; }
}
/* RESET COLS TO FULLWIDTH */
@media (max-width: 444px) {
.col_staff { text-align: center !important; width: 100% !important; margin-left: 0 !important; clear: none !important; }}