/* 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 */
}

/* ---- Mobile Styling ---- */
h1 {
  margin-bottom: 16px;
}

h2 {
  font-size: 2rem;
  margin-bottom: 48px;
}

h3 {
  font-size: 1.5rem;
  margin-top: 64px;
  margin-bottom: 16px;
}

/* Reusable Classes */
.container {
  padding: 0 32px;
}

/* Header */
.header {
  padding: 16px 16px;
}

.header-logo-img {
  width: 32px;
}

.header-logo-title {
  display: none;
}

.header-nav-menu-item {
  margin-left: 16px;
}

/* Main - Hero */
.main-hero {
  padding: 48px 0 48px;
}

p.main-hero-txt-copy {
  margin-bottom: 16px;
}

p.main-hero-txt-copy br {
  display: none;
}

/* Main - Service */
.main-service {
  padding: 64px 0;
}

.main-service-item {
  margin-bottom: 80px;
}

.main-service h3 {
  margin-top: 16px;
}

.main-service-item-txt p {
  font-size: 1.25rem;
}

/* Main - Works */
.main-works {
  padding: 64px 0;
}

/* Main - About */
.main-about {
  padding: 64px 0;
}

.main-about-img {
  padding: 0 64px;
}

.main-about-txt {
  font-size: 1.25rem;
}

.main-about-txt ul li {
  margin-bottom: 16px;
}

/* Footer */
.footer {
  padding: 64px 0 0;
}/*# sourceMappingURL=style-mobile.css.map */