/*
----- 01 TYPOGRAPHY SYSTEM

-Front size
10/12/14/16/18/20/24/30/36/44/52/62/74/86/98

-Font weight
Default:

-Line height
Default



------02 Colors

-Primary:1e3a8a

-Tints:7889B9

-Shades:0C1737

-Accent

-Greys:

---07 WHITESPACE

-spacing system(px)
2/4/8/12/16/24/32/48/64/80/96

*/

*{
  padding:0;
  margin:0;
  box-sizing:border-box;
}

body{
  font-family:sans-serif;
  line-height:1;
  font-weight:400;
  color:555;
}

.html{
  font-size:62.5%;
}

/* ******************************************* */
/* ***********GENERAL REUSABLE COMPONENT ***************/
/* ******************************************* */
.grid{
  display: grid;
  column-gap:2.4rem;
  row-gap:7.2rem;
}

.grid--2-cols{
  grid-template-columns: repeat(2,1fr);
}

.grid--3-cols{
  grid-template-columns: repeat(3,1fr);
}  

.grid--4-cols{
  grid-template-columns: repeat(4,1fr);
} 

.container{
  max-width: 80rem;
  padding:0 6rem;
  margin:0 auto;
}

.heading-tertiary{
    font-size:1.8rem;
    line-height: 1.2;
    margin-bottom:2.8rem;
}

.subheading{
  display:block;
  font-size: 1.6rem;
  font-weight: 500;
  color:#182E6E;
  text-transform: uppercase;
  margin-bottom:1.6rem;
  letter-spacing:0.75px;
  padding: 0rem 5rem;
}