/* Homepage spacing, loaded by the Turkish and English homepages.
   Existing type sizes, imagery and vertical rhythm are retained. */
@media (min-width: 1280px) {
  body { --gutter: 8%; }
  .container { width: 84%; }
  #mfe-header.site-header.container { left: 8%; width: 84%; }
  #mfe-footer.section-pad { --gutter: 8%; padding-inline: 8%; }
  .hero-copy { max-width: 48%; }
  .hero-bottom { left: 8%; width: 84%; }
  .concept-caption, .all-projects { right: 8%; }
  .approach-copy { padding-left: 8%; width: 44.5%; }
  .values { padding-left: 8%; width: 53.1%; }
  .future-copy { padding-right: 8vw; }
}
@media (min-width: 768px) and (max-width: 1279px) {
  .hero-main, .hero-bottom { width: 88%; }
  #mfe-header.site-header.container { width: 100%; left: 0; padding-inline: 6%; }
  .section-pad, #mfe-footer.section-pad { padding-inline: 6%; }
}
@media (max-width: 767px) {
  #mfe-header.site-header.container { padding-inline: 8%; }
  .hero-scene { padding-inline: 8%; }
  .hero-bottom, .section-pad, #mfe-footer.section-pad { padding-inline: 8%; }
  .approach-copy, .values, .future-copy { padding-inline: 8%; }
  .hero .concept-caption { right: 8%; }
}