.staffcat .inner .staffwrapper {display: flex; justify-content: flex-start; align-items: stretch; flex-wrap: wrap; }

.staffcat .inner .staffwrapper .itembox {width: 24%; margin-right: 1.33%; margin-bottom: 30px; line-height: 0; display: flex; justify-content: space-around; align-items: flex-start; flex-wrap:wrap; transition: all .5s; }

.staffcat .inner .staffwrapper .itembox:nth-child(4n+4) {margin-right: 0; }

.staffcat .inner .staffwrapper .itembox .imagewrapper {width: 100%; display: block; }

.staffcat .inner .staffwrapper .itembox .imagewrapper img {width: 100%; }

.staffcat .inner .staffwrapper .itembox .centerbox { padding: 10px 10px; box-sizing: border-box; display: flex; justify-content: space-around; flex-wrap: wrap;}

.staffcat .inner .staffwrapper .itembox .centerbox .title  {position: relative; color: #ed1c24; margin: 0 0 10px 0; font-size: calc(14pt + .6vw); font-weight: 700; transition: all .5s; line-height: 1.2em; text-align: center; text-transform: uppercase;  width: 100%;}

.staffcat .inner .staffwrapper .itembox .centerbox .position {font-size: calc(14pt + .3vw);line-height: 1em; color: #686868 ; transition: all 0.3s; width: 100%; text-align: center; text-transform: uppercase;}

.staffcat .inner .staffwrapper .itembox .centerbox .email { width: 100%; text-align: center;margin-top: 7px;}

.staffcat .inner .staffwrapper .itembox .centerbox .email a {color: #ed1c24; line-height: 1em;  transition: all 0.3s;}

.staffcat .inner .staffwrapper .itembox .centerbox .email a:hover {color: #686868; }







@media only screen and (max-width: 1650px) {

}



@media only screen and (max-width: 1500px) {

}



@media only screen and (max-width: 1400px) {

}



@media only screen and (max-width: 1200px) {
/*
  .staffcat .inner .staffwrapper .itembox:nth-child(5n+5) {margin-right: 2.66%; }

  .staffcat .inner .staffwrapper .itembox {width: 23%; margin-right: 2.66%; }

  .staffcat .inner .staffwrapper .itembox:nth-child(4n+4) {margin-right: 0; }*/

}



@media only screen and (max-width:1100px) {

}



@media only screen and (max-width: 1000px) {

}



@media only screen and (max-width: 900px) {

  .staffcat .inner .staffwrapper .itembox:nth-child(5n+5) {margin-right: 3.5%; }

  .staffcat .inner .staffwrapper .itembox:nth-child(4n+4) {margin-right: 3.5%; }

  .staffcat .inner .staffwrapper .itembox {width: 31%; margin-right: 3.5%; }

  .staffcat .inner .staffwrapper .itembox:nth-child(3n+3) {margin-right: 0; }

}





@media only screen and (max-width: 800px) {

}



@media only screen and (max-width: 700px) {

  .staffcat .inner .staffwrapper {justify-content: space-between;}



  .staffcat .inner .staffwrapper .itembox:nth-child(5n+5) {margin-right: 0; }

  .staffcat .inner .staffwrapper .itembox:nth-child(4n+4) {margin-right: 0; }

  .staffcat .inner .staffwrapper .itembox:nth-child(3n+3) {margin-right: 0; }

  .staffcat .inner .staffwrapper .itembox {width: 48%; margin: 0 0 20px; }



}



@media only screen and (max-width: 680px) {

}





@media only screen and (max-width: 600px) {

}



@media only screen and (max-width: 500px) {

}



@media only screen and (max-width: 450px) {

  .staffcat .inner .staffwrapper .itembox {width: 100%; }

}