/*
.main-background{
  background: url(/images/about-background.webp) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  width: 100vw;
  height: 100vh;
}
*/

.main-background{
  object-fit: cover;
  width: 100vw;
  height: 100vh;
  opacity: 0.6;
}

.main-title{
  width: 100vw;
  height: 100vh;
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  top: 0;
  left: 0;
}

.main-title h1{
  color: white;
  font-weight: bold;
  font-size: 4rem;
}

.band{
  text-align: center;
  font-size: 3rem;
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
}

.band h1{
  margin-top: 2.5rem;
  margin-bottom: 2.5rem;
  color: #004785;
  font-weight: bold;
}

.band p{
  text-align: justify;
  font-size: 1.5rem;
  font-weight: 300;
}

.bg-yellow{
  background-color: #ffcc00;
}

.band-img{
  width: 90%;
  object-fit: cover;
  border-radius : 0.5rem;
}

.bg-orange{
  background-color: #e87511;
}

.bg-blue{
  background-color: #004785 !important;
}

.text-yellow{
  color: #ffcc00 !important;
}

.no-decoration{
  text-decoration: none !important;
}

.navbar-float{
  position: absolute;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 1000;
}

.navbar-float-fixed{
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  z-index: 1000;
}

.navbar-img{
  width: 60%;
  object-fit: cover;
}

.navbar-img-fixed{
  height: 40px;
  object-fit: cover;
}