/************************
HOME PAGE
************************/

.home-background {
    background-color: gray;
	background-image: url("../img/background-1.jpg");
	background-size: 100%;
	background-attachment: fixed;
  	padding-top: 0px;
}
  
.background-tint {
      background-color: rgba(100,100,100,0.2);
      background-blend-mode: multiply;
      backdrop-filter: blur(6px);
      -webkit-backdrop-filter: blur(6px);
}

.carousel-item {
    height: 100vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

/* Medium devices (tablets, less than 992px) */
@media (max-width: 991.98px) {
    .carousel-item {
        height: auto;
        width: 100vw;
    }

    .custom-topper .section-topper {
        font-size: 2rem;
    }
}

/* Small devices (landscape phones, less than 768px) */
@media (max-width: 767.98px) { 
    .custom-topper .section-topper {
        font-size: 1.5rem;
    }
}
  
.custom-topper {
      width: 100%;
      padding: 20px;
      margin: 0 auto;
      background-color: white;
      text-align: center;
      background: white;
      box-shadow: 0 8px 32px 0 rgba(0, 0, 0, 0.37);
      font-family: "Roboto", sans-serif;
      font-weight: 100;
      font-style: normal;
}

.section-topper {
      width: 100%;
      font-size: 2.5rem;
}

#navbar {
    position: fixed!important;
}