#mma .wrap {
  padding: 0;
}
#mma .imageWrap {
  background-image: url(/Content/images/home/about-progressive-insurance-mma.jpg);
}
@media screen and (min-width: 481px) {
  #mma .imageWrap {
    height: 281px;
  }
}

#content {
  width: auto;
}
#content .sections li {
  margin: 0 0 .7em;

}

#content .sections li a {
  text-decoration: none;
}
#content .sections li a:hover {
  text-decoration: underline;
}
#content .sections li h2 {
  font-size: 1.3313609467455621301775147928994em;
  margin: 0 0 .2em;
}

@media screen and (max-width: 750px) {
  .crop {
    overflow: hidden; /* this is important */
  }
  /* input values to crop the image: top, right, bottom, left */
  .crop img {
    min-height: 190px;
    min-width: 955px;
    margin: 0 0 0 -33%;
  }

}
@media screen and (min-width: 700px) {
  #content .sections {
    -moz-column-count: 3;
    -webkit-column-count: 3;
    column-count: 3;
  }
  #content .sections li {
    -webkit-column-break-inside: avoid-column;
    -moz-column-break-inside: avoid-column;
    -o-column-break-inside: avoid-column;
    -ms-column-break-inside: avoid-column;
    column-break-inside: avoid-column;
    display: inline-block;
  }
  
  .lt-ie9 #content .sections li {
    float: left;
    margin-right: 3.333333333%;
    width: 30%;
  }
}
@media screen and (max-width: 670px) {
  .crop img {
    min-height: 110px;
    min-width: 885px;
    margin: 0 0 0 -45%;
  }

}
@media screen and (max-width: 515px) {
  .crop img {
    min-height: 65px;
    min-width: 680px;
    margin: 0 0 0 -37%;
  }

}
@media screen and (max-width: 481px) {

  article#contentContainer, #contentContainer {
    margin-top: 3em;
  }
  .crop img {
    min-height: 55px;
    min-width: 620px;
    margin: 0 0 0 -37%;
  }

}

@media screen and (max-width: 400px) {
  .crop img {
    min-height: 35px;
    min-width: 470px;
    margin: 0 0 0 -37%;
  }

}