/* ===============================
   GLOBAL STYLES
================================= */

body {
  font-family: 'Plus Jakarta Sans', sans-serif;
  margin: 0;
  padding-top: 90px; /* navbar height */

}

h1, h2, h3 {
  font-family: 'Space Grotesk', sans-serif;
}

section {
  position: relative;
}
body {
  opacity: 0;
  transition: opacity 0.3s ease;
}

body.page-loaded {
  opacity: 1;
}

@media (max-width:768px){

.container{
  padding-left:24px;
  padding-right:24px;
}

}
@media (min-width:768px) and (max-width:991px){
.container{
  padding-left:32px;
  padding-right:32px;
}
}
/* ===============================
   MOBILE HEADINGS
================================= */

@media (max-width:768px){
  body,html{
  overflow-y: scroll;
  overflow-x: hidden;
  
}

h1{
  font-size:34px !important;
  line-height:1.2;
}

h2{
  font-size:28px !important;
}

h3{
  font-size:24px !important;
}

h4{
  font-size:20px !important;
}

}