@charset "UTF-8";

/* Stlyes for smaller handsets - Regualr  */
/* makes logo smaller on smaller handsets */
@media (max-width: 400px) {
  .navbar-logo {
    height: 34px;
  }
}

/* Stlyes for larger handsets - iPhone Plus */
@media (max-width: 767.98px) {
  /* Hides all svg background patterns on pages */
  .shape-right, .shape-left{
    display: none;
  }
  /* Shrinks logo on larger handsets */
  .navbar-logo {
    height: 40px;
  }
}

/* Desktop only styles */

@media (min-width: 1200px) {
  /* Removes navigation transparency and padding (border)  */
  .navigation.scrolled {
    background-color: rgba(34, 37, 59, 0.9);
    box-shadow: 0 12px 26px rgba(0,0,0,0.10);
    backdrop-filter: blur(6px);
    -webkit-backdrop-filter: blur(6px);
  }
  .banner {
  border-top: 90px solid #22253b;
  }
}
@media (max-width: 1200px) {
  /* Keeps navigation fixed when scrolling */
  .sticky-top {
    position: static !important;
  }
  /* Hides SVG's in hero image */
  .banner svg{
    display: none;
  }
}