/* Add here all your css styles (customizations) */
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700;900&display=swap');

*{
  font-family: 'Lato', sans-serif !important;
}
h1,h2,h3{
  font-family: 'Lato', sans-serif !important;
}

p{
  font-size: 1.67em;
  line-height: 1.7em;
  font-family: 'Lato', sans-serif !important;
}
  

.promo-text-v2.banner_title{
  font-family: 'Lato', sans-serif !important; 
  font-size: 7em;
  line-height: 1.1em;
  text-shadow: 3px 6px 5px rgba(0,0,0,0.3);
}
.banner_subtitle{
  font-family: 'Lato', sans-serif !important;
}

.big_text{
  font-size: 2.2em;
  line-height: 2em;
  font-family: 'Lato', sans-serif !important; 
}

.blue-color{
  color:  #0066ff;
}

.black-color{
  color:  #000000;
}

.bold-text{
  font-weight: bold;
}

/* mobile portrait */
@media screen and (min-width: 250px) and (max-width: 480px) and (orientation: portrait) and (hover: none) {
  .promo-text-v2.banner_title.title_mobile{
    font-size: 5.5em !important;
  }

  .promo-text-v2.banner_title.title_mobile_med{
    font-size: 3.75em !important;
  }

  .banner_subtitle.mobile_text{
    font-size: 1.5em !important;
  }

}