.crossOver {
  position:relative;
  float:left;
  z-index:100;
  top:-90px;
  margin-left:2.05em;
  opacity:0.66;
}

@media only screen and (max-width: 1299px) {
  .crossOver {margin-left:1.85em;}
}

@media only screen and (max-width: 740px) {
  .crossOver {margin-left:2.3em;}
}

@media only screen and (max-width: 690px) {
  .crossOver {margin-left:30%;}
}

@media only screen and (max-width: 590px) {
  .crossOver {margin-left:29%;}
}


.mbrs {
    float: left;
    width: 11.1%;
    margin: 0px;
    padding: 0px;
    height: 145px;
    border: 0px solid black;
    text-align:center;
    -webkit-transition: all .05s; /* For Safari 3.1 to 6.0 */
    transition: all 0.5s;
}

@media only screen and (max-width: 1931px) {
  .mbrs {width:11.1%;}
}

@media only screen and (max-width: 1299px) {
  .mbrs {width:12.5%;}
}

@media only screen and (max-width: 979px) {
  .mbrs {width:16.66%;}
}

@media only screen and (max-width: 740px) {
  .mbrs {width:20%;}
}

@media only screen and (max-width: 690px) {
  .mbrs {width:25%;}
}

@media only screen and (max-width: 560px) {
  .mbrs {width:33%;}
}

@media only screen and (max-width: 340px) {
  .mbrs {width:50%;}
}