@import url('https://fonts.googleapis.com/css2?family=Baloo+2:wght@400;500;600;700;800&display=swap');

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
}

body {
  background: #ecb313;
  color: #000;
  font-family: "Baloo 2", Arial, sans-serif;
}

.notice {
  min-height: 100vh;
  width: 100%;
  background: #ecb313;
  text-align: center;
  padding: 34px 70px 28px;
}

h1 {
  margin: 0 0 24px;
  font-size: clamp(38px, 3.4vw, 64px);
  line-height: 1;
  font-weight: 800;
}

p {
  margin: 0 auto;
  font-size: clamp(22px, 1.55vw, 33px);
  line-height: 1.12;
  font-weight: 400;
}

strong {
  font-weight: 800;
}

.options {
  margin-top: 28px;
}

.hours {
  margin: 4px auto 36px;
}

.hours p {
  font-size: clamp(23px, 1.55vw, 34px);
  line-height: 1.08;
  font-weight: 800;
}

.conditions {
  margin-top: 24px;
}

.pdf {
  display: inline-block;
  color: #000;
  text-decoration: none;
  font-size: clamp(24px, 1.7vw, 36px);
  line-height: 1.05;
  font-weight: 800;
}

.pdf:hover {
  text-decoration: underline;
}

.footer {
  margin-top: 30px;
}

/* MOBILE */
@media (max-width: 700px) {
  .notice {
    padding: 90px 28px 60px;
    display: block;
  }

  h1 {
    margin-bottom: 34px;
    font-size: clamp(48px, 11vw, 72px);
    line-height: 0.95;
  }

  p {
    font-size: clamp(30px, 6.1vw, 42px);
    line-height: 1.08;
  }

  .options {
    margin-top: 38px;
  }

  .hours {
    margin-top: 8px;
    margin-bottom: 46px;
  }

  .hours p {
    font-size: clamp(30px, 6.4vw, 43px);
    line-height: 1.02;
  }

  .conditions {
    margin-top: 20px;
  }

  .pdf {
    margin-top: 4px;
    font-size: clamp(30px, 6.3vw, 42px);
    line-height: 1.02;
    word-break: break-word;
  }

  .footer {
    margin-top: 48px;
  }
}