/* =========================
   LAYOUT
   ========================= */

body{
  font-family:var(--font-base);
  background:var(--page-bg);
  color:var(--text);
  font-size:var(--text-base);
  line-height:1.6;
  font-weight:var(--font-normal);
  overflow-x:hidden;
}

/* Container */
.container{
  max-width:var(--container-max);
  margin:0 auto;
  padding:0 var(--container-padding);
}

/* Section spacing */
section{
  padding:100px 0;
}

@media (max-width:980px){
  section{
    padding:80px 0;
  }
}

@media (max-width:640px){
  section{
    padding:60px 0;
  }
}

/* Headings */
h1,h2,h3,h4,h5,h6{
  font-family:var(--font-display);
  font-weight:var(--font-black);
  line-height:1.2;
}