.footer {
  border-top: none; }

.main-content {
  margin-top: 61px;
  display: flex;
  width: 100%;
  background: url("../img/cropp-qrcode.jpg") center;
  background-size: cover; }
  .main-content img {
    width: 100%;
    display: block; }
  .main-content .txt-box {
    background: rgba(255, 255, 255, 0.6);
    color: black;
    width: 70%;
    margin: 15% auto;
    letter-spacing: 1px; }
    .main-content .txt-box h1 {
      display: block;
      text-align: center;
      font-size: 5vw;
      font-weight: 600;
      margin: 12% auto 4%; }
    .main-content .txt-box p {
      display: block;
      text-align: center;
      font-size: 2.5vw;
      padding: 0 2%; }
    .main-content .txt-box .button-box {
      width: 70%;
      margin: 5% auto 16%;
      text-align: center; }
      .main-content .txt-box .button-box a {
        border: solid 1px black;
        color: white;
        font-size: 2vw;
        padding: 4% 10%;
        text-align: center;
        text-decoration: none;
        background-color: black; }
        .main-content .txt-box .button-box a:hover {
          background: #00af43; }

@media screen and (min-width: 768px) {
  .main-content {
    margin-top: 66px; }
    .main-content .txt-box {
      width: 70%;
      margin: 19% auto; }
      .main-content .txt-box h1 {
        display: block;
        text-align: center;
        font-size: 2vw;
        margin: 4% auto 2%; }
      .main-content .txt-box p {
        display: block;
        text-align: center;
        font-size: 1vw; }
      .main-content .txt-box .button-box {
        width: 70%;
        margin: 4% auto 6%; }
        .main-content .txt-box .button-box a {
          padding: 2% 4%;
          font-size: 1vw; } }