/* common styles */
#main {
  overflow: hidden;
}

@media only screen and (min-width: 768px) {
  #main .brown-dl dt {
    clear: both;
    float: left;
    width: 25%;
    text-align: right;
    border-left: 0;
    padding: 0;
    margin: 0;
  }
  #main .brown-dl dd {
    float: right;
    width: 62.5%;
    margin: 0;
    margin-bottom: 40px;
  }
}
@media only screen and (min-width: 960px) {
  #main .brown-dl dt {
    width: 34%;
  }
  #main .brown-dl dd {
    width: 55%;
  }
}