@charset "UTF-8";

* {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}


a {
  text-decoration: none;
}

img {
  width: 100%;
}

.o-1024 {
  display: block;
}

.u-1024 {
  display: none;
}

.o-1024-inline {
  display: inline-block;
}

.u-1024-inline {
  display: none;
}

/* ===================================== */

:root {
  --main-text: 16px;
  --sub-heading: 18px;
  --middle-heading: 21px;
  --main-heading: 28px;
}


@media (min-width:1024px) {
  :root {
    --main-text: 17px;
    --sub-heading: 19px;
    --middle-heading: 25px;
    --main-heading: 32px;
  }


  .o-1024 {
    display: none;
  }

  .u-1024 {
    display: block;
  }

  .o-1024-inline {
    display: none;
  }

  .u-1024-inline {
    display: inline-block;
  }
}