body{ 
  display: block;
  background: #FFFFFF;
  padding: 0em;
  margin: 0em;
  z-index: 0;
  min-height: 100%;

  font-family: "Poppins-Light", sans-serif;
  color: #000000;
  font-size: 18px;
  font-style: normal;
  font-weight: normal;
  font-stretch: normal;
  letter-spacing: normal;
  text-align: left;
}

section {
    padding: 0em 8em;
}

a{
  text-decoration: none;
  color: #000000;
  cursor: pointer;
}
 
.grid {
    display: grid;
    grid-template-columns: repeat(12, 1fr);
}
.col-12 { 
    position: relative;
    grid-column-start: span 12;
    grid-column-end: auto; 
}
.col-11 {
    position: relative;
    grid-column-start: span 11;
    grid-column-end: auto;
}
.col-10 {
    position: relative;
    grid-column-start: span 10;
    grid-column-end: auto;
}
.col-9 {
    position: relative;
    grid-column-start: span 9;
    grid-column-end: auto;
}
.col-8 {
    position: relative;
    grid-column-start: span 8;
    grid-column-end: auto;
}
.col-7 {
    position: relative;
    grid-column-start: span 7;
    grid-column-end: auto;
}
.col-6 {
    position: relative;
    grid-column-start: span 6;
    grid-column-end: auto;
}
.col-5 {
    position: relative;
    grid-column-start: span 5;
    grid-column-end: auto;
}
.col-4 {
    position: relative;
    grid-column-start: span 4;
    grid-column-end: auto;
}
.col-3 {
    position: relative;
    grid-column-start: span 3;
    grid-column-end: auto;
}
.col-2 {
    position: relative;
    grid-column-start: span 2;
    grid-column-end: auto;
}
.col-1 {
    position: relative;
    grid-column-start: span 1;
    grid-column-end: auto;
}

/* on scroll fade in - animation*/
.fadein {
  opacity: 1;
  transition: opacity 1.5s, margin-top 1.2s;
  transition-timing-function: ease;
  margin-top: 50px;

}
.fadein.is-visible {
  opacity: 1;
  margin-top: 0px;
}