/*Common Span of MD Red used in footer*/
.red-span {
      width: 100%;
      justify-content: center;
      color: var(--dl-color-scheme-white);
      padding-top: 30px;
      margin-top: 0px;
      margin-bottom: var(--dl-space-space-oneunits);
      padding-bottom: var(--dl-space-space-unit);
      background-color: var(--dl-color-scheme-md-red);
}

.footer {
      background-color: var(--dl-color-scheme-white);
}
.footer-container{
      display: grid;
      width: 50%;
      grid-gap:20px;
      margin:auto;
      padding: 20px;
}

.footer-left{
      grid-column: 1 / 2;
}
.footer-right{
      grid-column: 2 / 3;
}

.footer-link{
      text-decoration: underline;
      color: var(--dl-color-scheme-darkblue);
      font-size: 16px;
      max-width: 450px;
      font-family: "Source Sans Pro";
      font-weight: 400;
      margin-bottom: 60px;
      text-transform: none;
}

.footer-text, footer-link{
      color: var(--dl-color-scheme-darkblue);
      font-size: 16px;
      max-width: 450px;
      font-family: "Source Sans Pro";
      font-weight: 400;
      margin-bottom: 60px;
      text-transform: none;
      text-decoration: none;
    }
.bold{
     font-weight: 700; 
}

.footer-image {
      width: 100%;
      height: auto;
      max-width: 400px;
      align-self: center;
    }

.footer-space{
      display: none;
      padding: 10px;

    }

    @media (max-width : 1000px) {
      .footer-left {grid-row: 1 / 2;}
      .footer-right {grid-row: 2 / 3;}
      .footer-container {
            grid-template-rows: 50% 50%;
            display: block;
            width: 80%;
      }
      .footer-space {display: block;}
}