main {
  margin-top: 80px;
  padding: 2%; }
  main h2 {
    padding: 5%;
    font-size: 2rem;
    text-align: center; }
  main .wrapper {
    max-width: 1000px;
    margin: auto;
    padding: 5%; }
    main .wrapper dl {
      display: flex;
      flex-wrap: wrap;
      justify-content: space-between;
      width: 100%;
      margin-bottom: 1em;
      font-size: 1.5rem; }
      main .wrapper dl dt {
        display: block;
        width: 40%;
        background: #f4f1ef;
        padding: 0.8em 1em;
        border-radius: 2px; }
      main .wrapper dl dd {
        display: block;
        width: 58%;
        border: 1px solid #f4f1ef;
        border-radius: 2px;
        padding: 0.8em 1em; }
      @media only screen and (max-width: 767px) {
        main .wrapper dl dt,
        main .wrapper dl dd {
          width: 100%; } }