@media (max-width: 920px) {
  .main {
    color: #f5f5f5;
    margin-top: 44px;
    font-size: 42px;
  }
  .container {
    width: 96%;
  }
  section {
    display: block;
    align-items: center;
    justify-content: center;
    margin: 25px;
    max-width: 600px;
    position: relative;
    top: 70%;
    left: 50%;
    transform: translate(-55%, 15%);
  }
  .head {
    font-size: 38px;
  }
  .btn {
    height: 200px;
    width: 200px;
    display: block;
    margin: 15%;
  }
  footer {
    bottom: 7.5%;
    left: 35%;
    font-size: 24px;
    position: fixed;
  }
}
@media (max-width: 670px) {
  .main {
    margin-top: 36px;
    font-size: 32px;
  }
  .container {
    width: 90%;
  }
  section {
    display: block;
    align-items: center;
    justify-content: center;
    margin: 25px;
    max-width: 500px;
    position: relative;
    top: 70%;
    left: 50%;
    transform: translate(-55%, 3%);
  }
  .head {
    font-size: 28px;
  }
  .btn {
    height: 150px;
    width: 150px;
    display: block;
    margin: 15%;
  }
  footer {
    bottom: 5%;
    left: 30%;
    font-size: 20px;
    position: fixed;
  }
}
@media (max-width: 440px) {
  .main {
    margin-top: 25px;
    font-size: 28px;
  }
  section {
    display: block;
    align-items: center;
    justify-content: center;
    margin: 20px;
    max-width: 400px;
    position: relative;
    top: 70%;
    left: 50%;
    transform: translate(-56%, 35%);
  }
  .container {
    width: 80%;
  }
  .head {
    font-size: 24px;
  }
  .btn {
    height: 80px;
    width: 80px;
    display: block;
    border: 5px solid black;
    margin: 15%;
  }
  footer {
    bottom: 5%;
    left: 30%;
    font-size: 15px;
    position: fixed;
  }
}