@charset "UTF-8";

/* ==========================================================================
   Features
   ========================================================================== */
.features_section {
  padding: 80px 0;
  background-color: var(--c_cream);
}

@media only screen and (max-width: 960px) {
  .features_section {
    padding: 72px 0;
  }
}

@media only screen and (max-width: 568px) {
  .features_section {
    padding: 50px 0;
  }
}

/* ==========================================================================
   Flow
   ========================================================================== */
.flow_section {
  padding: 80px 0;
  background-color: var(--c_cream2);
}

@media only screen and (max-width: 960px) {
  .flow_section {
    padding: 72px 0;
  }
}

@media only screen and (max-width: 568px) {
  .flow_section {
    padding: 50px 0;
  }
}