.imgCrop {
    margin-bottom: 20px;
}

@media only screen and (max-width: 500px) {
    .imgCrop {
        border-radius: 50%;
        overflow: hidden;
        width: 200px;
        height: 200px;
    }
    .imgHeadshot {
        height: 100%;
        width: auto;
        margin: 0;
    }
}
@media only screen and (max-width: 375px) {
    
}
@media only screen and (max-width: 360px) {
    
}
@media only screen and (max-width: 320px) {
    
}

/* Portrait */
@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 568px) 
  and (orientation: portrait) {
    
}

@media only screen 
  and (min-device-width: 350px) 
  and (max-device-width: 812px) 
  and (orientation: portrait) {
    
}

@media only screen 
  and (min-device-width: 600px) 
  and (max-device-width: 1180px) 
  and (orientation: portrait) {
    
}