/* Required height of parents of the Full Page Carousel for proper displaying carousel itself */
html,
body,

.view {
  height: 100%; }

  /* Stops Scrollbar adding padding when modal closes */
 /* .modal-scrollbar-measure {
 overflow: hidden;
 } */

 .new-sticky-top {
   position: -webkit-sticky;
   position: sticky;
   top: +52px;
   z-index: 1020;
 }


 /* FONTS FROM GOOGLE */
 .muli{
   font-family: 'Muli', sans-serif;
}
.opensans{
  font-family: 'Open Sans', sans-serif;
}
.anton{
  font-family: 'Anton', sans-serif;
}
.raleway{
  font-family: 'Raleway', sans-serif;
}
.bowlby{
  font-family: 'Bowlby One SC', cursive;
}
.maven{
  font-family: 'Maven Pro', sans-serif;
}

/* Full Page Carousel itself*/
.carousel {
  height: 100%; }
  .carousel .carousel-inner {
    height: 100%; }
    .carousel .carousel-inner .carousel-item,
    .carousel .carousel-inner .active {
      height: 100%; }

/* Navbar animation */
.navbar {
  background-color: rgba(0, 188, 212, 0.9); }

.top-nav-collapse {
  background-color: rgba(0, 188, 212, 0.9); }

/* Adding color to the Navbar on mobile */
@media only screen and (max-width: 768px) {
  .navbar {
    background-color: rgba(0, 188, 212, 0.7);
  }
  }

/* Footer color for sake of consistency with Navbar */
.page-footer {
  background-color: rgba(0, 188, 212, 0.7); }


  /* Specs font */
  @media only screen and (max-width: 768px) {
    #specs p {
      font-size: 12px;
    }
    .card p {
      font-size: 12px;
    }
  }

  /* Specs font */
  @media only screen and (max-width: 450px) {

    p{
      font-size: 12px;
    }
    .h3 {
      font-size: 20px;
    }
    .btn .fa {
      font-size: 9px!important;
      margin-left: 0.2rem!important;
    }
    .btn{
      font-size: 10px!important;
    }
    #gallerysection .btn {
      font-size: 10px;
    }
    .stickybuttons .btn {
      font-size: 8px!important;
    }
  }


  /* Gallery CSS */
  .gallery {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: 33%;
-moz-column-width: 33%;
column-width: 33%; }
.gallery .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; }
.gallery .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }

@media (max-width: 768px) {
.gallery {
-webkit-column-count: 2;
-moz-column-count: 2;
column-count: 2;
-webkit-column-width: 50%;
-moz-column-width: 50%;
column-width: 50%;
}
}

/* @media (max-width: 450px) {
.gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}
} */

@media (max-width: 400px) {
.btn.filter {
padding-left: 1.1rem;
padding-right: 1.1rem;
}
}