#body
{
  color:$text-color;

  padding-top:72px;
  padding-bottom:72px;
  border-bottom:1px solid rgba(255,255,255,.2);
  #content
  {
    margin-bottom:32px;
  }

  #contact-list
  {
    background-color: $wbg-color;
    padding:24px;
    text-align: center;
    dl
    {
      margin-bottom:24px;
      dt
      {
        font-weight: 700;
        color:$main-color;
        font-size: 18px;
        line-height: 28px; /* 155.556% */
        letter-spacing: 0.72px;
        a
        {
          color:$main-color;
        }
      }
      dd
      {
        color:$wtext-color;
      }
      &:last-child
      {
        margin-bottom: 0;
      }
    }
    
  }
  @media(min-width:768px)
  {
    #contact-list
    {
      display: flex;
      flex-wrap:wrap;
      
      dl
      {
        padding:24px 0;
        width: 50%;
        margin-bottom:0;
      }
    }
  }


  @media(min-width:768px)
  {
    .form-group
    {
      display: flex;
      align-items:flex-start;
      >label
      {
        padding-top:16px;
        width: 25%;
        padding-right:20px;

      }
      >input,>select,>textarea,>.input-group
      {
        flex:1;
      }
    }
  }
}