@media (max-width: 2280px)
  .main
    top: 300px
    right: 540px

@media (max-width: 1920px)
  body
    font-size: 15px
  .logo
    top: 100px
  .main
    right: 500px
    .button
      font-size: 15px

@media (max-width: 1650px)
  .logo
    left: 65px
  .main
    top: 200px
    right: 450px

@media (max-width: 1366px)
  body
    font-size: 15px
  .logo
    left: 50px
  .main
    right: 400px
    .button
      font-size: 15px

@media (max-width: 1200px)
  body
    font-size: 14px
  .main
    right: 350px
    top: 150px
    .button
      font-size: 14px
  .footer
    font-size: 13px

@media (max-width: 1100px)
  .main
    right: 310px

@media (max-width: 1000px)

  .overlay
    width: 100vw
    height: 100vh
    background: rgba(0, 0, 0, 0.65)

  #container
    background-position: top right
    background-size: cover

  .logo
    position: relative
    padding-top: 50px
    margin: 0 auto
    top: 0
    right: 0
    left: 0
    bottom: 0
    width: 300px

  .main
    padding: 20px
    height: 300px
    font-size: 15px
    align-items: center
    position: relative
    right: 0
    top: 0
    left: 0
    bottom: 0
    justify-content: center
    p
      text-align: center
    .button
      align-self: center
      font-size: 15px

  .footer
    p
      padding: 20px
      text-align: center