@font-face {
        font-family: Agency;
        src: url(agency_fb.ttf);
      }
      .body {
          position: relative;
          font-family: Agency;
          min-height: 100vh;
      }
      .head{
        text-align: center;
        position: absolute;
        top: 40%;
        left: 50%;
        transform: translate(-50%, -50%);
        font-size: 35px;
      }
      .footer {
        position: absolute;
        background-color: lightgrey;
        width: 100%;
        bottom: 0;
        height: 10rem;
        font-size: 120%;
      }

      .info {
        padding-top: 1%;
        float: left;
        width: 33.3%;
        text-align: center;
      }

      @media screen and (max-width: 580px) {
        .info {
          width: 100%;
        }
        .head {
          top: 30%;
          font-size: 30px;
        }
        .body {
          padding-bottom: 200px;
          margin-bottom: -350px;
          display: block;
        }
        .footer {
          height: 350px;
          margin-top: 200px;
        }
      }