body {
  /*font-family: "Silka", sans-serif;*/
  /*font-family: "Silka", sans-serif;*/
  font-family: "Silka", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "Cal Sans", sans-serif;
}

i, em{
  font-family: "Silka", "Silka", sans-serif;
}

@media screen and (min-width: 970px) {
  .fade-in .content-container{
    opacity: 0.2;
    transition: opacity 0.5s ease-in-out, transform 0.7s ease-in-out;
    will-change: opacity, transform;
    transform: translateY(50px); 
  }
}

.fade-in.in-view .content-container{
  opacity: 1;  
  transform: translateY(0); 
}