﻿/* Medium Displays: 768px - 1279px */
/* Large Displays: 1280px - 1440px */
/* X-Large Displays: 1400px and up */
.mta {
  background-image: url('../img/bg.jpg');
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 69%;
  width: 688px;
  height: auto;
  margin: 0px auto;
  padding: 20px 0px;
  /* HEADER */
  /* MTABODY */
  /* footer */ }
  .mta .mtaBig {
    font-size: 63px;
    text-transform: uppercase;
    font-weight: 900;
    line-height: 35px;
    font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  .mta .mtaGold {
    color: #B69A5B; }
  .mta .header h2 {
    font-size: 32px;
    color: black;
    font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-weight: 900; }
  .mta .header h3 {
    font-size: 16px;
    line-height: 19px;
    color: black;
    font-family: "Garamond", Times, serif;
    font-weight: 900; }
  .mta .mtaBody {
    margin-top: 10px;
    /* GENED */
    /* subBody */ }
    .mta .mtaBody .genEd {
      text-align: center;
      margin-bottom: 10px;
      /*CHECKLIST*/ }
      .mta .mtaBody .genEd h4 {
        border-top: 1px solid black;
        border-bottom: 1px solid black;
        font-size: 14px;
        color: black;
        font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
        font-weight: 900;
        text-transform: uppercase;
        margin: 0px; }
      .mta .mtaBody .genEd h5 {
        border-top: 1px solid black;
        font-size: 11px;
        color: black;
        font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
        margin: 10px 0px 0px;
        font-weight: bold;
        padding-top: 5px; }
      .mta .mtaBody .genEd .checkList {
        margin: 10px 0 90px 0px;
        display: block;
        /*MTA ICON*/
        /*MTA ICON*/
        /*p*/ }
        .mta .mtaBody .genEd .checkList .mtaIcon {
          position: absolute;
          z-index: 1;
          left: 0; }
        .mta .mtaBody .genEd .checkList .mtaCheck {
          position: absolute;
          z-index: 1;
          right: 0;
          margin-top: -7.75%;
          margin-right: -8%; }
        .mta .mtaBody .genEd .checkList p {
          padding: 3px 0px 2px 59px;
          margin: 17px 0px 0px 0px;
          border-top: 1px solid #B69A5B;
          border-bottom: 1px solid #B69A5B;
          position: absolute;
          z-index: 0;
          width: 87%;
          text-align: left;
          text-transform: uppercase;
          font-size: 11px; }
    .mta .mtaBody .subBody {
      padding: 0 20px;
      /*mtaRequirements*/ }
      .mta .mtaBody .subBody .mtaRequirements {
        margin: 10px 0 36px 0px;
        display: block;
        /*MTA ICON*/
        /*p*/
        /*h6*/ }
        .mta .mtaBody .subBody .mtaRequirements .mtaIcon {
          position: absolute;
          z-index: 1;
          left: 0; }
        .mta .mtaBody .subBody .mtaRequirements p {
          padding: 3px 0px 2px 59px;
          margin: 17px 0px 0px 0px;
          border-top: 1px solid #B69A5B;
          border-bottom: 1px solid #B69A5B;
          position: absolute;
          z-index: 0;
          width: 87%;
          text-align: left;
          text-transform: uppercase;
          font-size: 11px; }
        .mta .mtaBody .subBody .mtaRequirements h6 {
          padding: 3px 0px 2px 0px;
          margin: 64px 0px 0px 17px;
          text-align: center;
          text-transform: uppercase;
          font-size: 11px;
          color: #B69A5B; }
        .mta .mtaBody .subBody .mtaRequirements hr {
          border: black 3px solid;
          margin: 10px 0px; }
  .mta .footer {
    margin: 0 0 30px 0; }
    .mta .footer .mtaLogo {
      padding: 0px 12%; }
    .mta .footer .mtaLearnMore {
      padding: 44px 12% 0px 0px;
      margin: 0px; }
      .mta .footer .mtaLearnMore a {
        color: black; }
      .mta .footer .mtaLearnMore p {
        font-size: 20px;
        line-height: 22px;
        text-align: right;
        font-family: 'Roboto Condensed', "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
        font-weight: 900;
        margin: 0px; }
      .mta .footer .mtaLearnMore .gold {
        color: #B69A5B;
        font-size: 22px; }

/* MTA */
/*# sourceMappingURL=mtaInfographic.css.map */