@media (max-width: 576px) { 
  .next i, .prev i{
    font-size: 30px !important;
  }
  .next{
    right:0 !important;
  }
  .prev{
    left:0 !important;
  }
  .carousel figure{
    width:100% !important;
  }
  .carousel nav {
    top:25% !important;
  }
  .navbar-brand{
    width:75% !important;
  }
  .carousel-heading {
    font-size: 18px !important;
  }
  .carousel-body {
    font-size: 14px !important;
  }
  .carousel figure .non-spin{
    top:0 !important;
    left:7% !important;
    width: 85% !important;
  }
  #mercSite{
    height:250px !important;
  }
  .splashHeading{
    font-size:35px !important;
  }
  .splashParagraph{
    font-size:20px !important;
  }
}

@media (min-width: 768px) { 
  .carousel figure .carousel-spinitem:not(:first-of-type){
    top:0 !important;
  }
  .carousel figure{
    width:61% !important;
  }
  .back h3{
    font-size:20px;
  }
  .back p{
    font-size:15px;
  }
}

@media (min-width: 992px) { 

}

@media (min-width: 1200px) { 
  .carousel figure{
    width:45% !important;
  }
}