/* SASS */
/* cf. https://www.cherrypieweb.com/4353 */
.font-size-dummy {
  font-size: 0.75rem; /* 12px */
  font-size: 0.8125rem; /* 13px */
  font-size: 0.875rem; /* 14px */
  font-size: 1rem; /* 16px */
  font-size: 1.25rem; /* 20px */
  font-size: 1.5rem; /* 24px */
  font-size: 1.75rem; /* 28px */
  font-size: 2rem; /* 32px */
  font-size: 2.25rem; /* 36px */
  font-size: 3rem; /* 48px */
}

/* ---- Tablet Styling ---- */
@media screen and (min-width: 768px) {
  h1 {
    margin-bottom: 16px;
  }
  h2 {
    margin-bottom: 64px;
    font-size: 2.25rem;
  }
  h3 {
    font-size: 1.75rem;
  }
  /* Reusable Classes */
  /* Header */
  .header {
    padding: 16px 32px;
  }
  .header-logo-img {
    width: 48px;
  }
  .header-logo-title {
    display: block;
    margin-left: 16px;
    font-size: 1rem;
  }
  .header-nav-menu-item {
    margin-left: 32px;
  }
  .header-nav-menu-item > a {
    font-size: 1.25rem;
  }
  /* Main - Hero */
  .main-hero > .container {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .main-hero-txt {
    width: 50%;
    padding: 0 16px 0 32px;
  }
  .main-hero-img {
    width: 50%;
    padding: 0 32px 0 16px;
  }
  .main-hero {
    padding: 64px 0 64px;
  }
  p.main-hero-txt-copy {
    margin-bottom: 0;
  }
  /* Main - Service */
  .main-service {
    padding: 80px 0;
  }
  .main-service-item {
    display: flex;
    align-items: center;
    margin-bottom: 96px;
  }
  .main-service-item:nth-child(2n) {
    flex-direction: row-reverse;
  }
  .main-service-item-txt,
  .main-service-item-img {
    width: 50%;
    padding: 0 32px;
  }
  .main-service h3 {
    margin-top: 0;
  }
  /* Main - Works */
  .main-works {
    padding: 80px 0;
  }
  /* Main - About */
  .main-about {
    padding: 80px 0;
  }
  .main-about > .container {
    display: flex;
    justify-content: space-between;
  }
  .main-about-img {
    width: 33%;
    padding: 0 48px;
  }
  .main-about-txt {
    width: 66%;
  }
  .main-about-txt > div:first-child h3 {
    margin-top: 0;
  }
  .main-about-txt-skills-list {
    display: flex;
  }
  .main-about-txt-skills-list ul + ul {
    margin-left: 32px;
  }
  /* Footer */
  .footer {
    padding: 80px 0 0;
  }
}/*# sourceMappingURL=style-tablet.css.map */