/* ELEMENT STYLES */

body {
  font-family: 'Lato', sans-serif !important;
  font-feature-settings:"liga" 0;
  font-weight: 400;
}

body nav {
  z-index: 5;
}

footer a {
  color: inherit;
}

footer a:hover, .navbar-nav .nav-link:hover {
  color: rgb(200, 200, 200);
}

footer img, .card, .btn.btn-outline-light {
  transition: transform 0.8s;
}

footer img:hover, .card:hover, .btn.btn-outline-light:hover {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  transform: scale(1.1);
}

section hr:not([size]) {
  height: 3px;
  color: inherit;
  opacity: 1;
}

/* ID STYLES */

#btn-back-to-top {
  position: fixed;
  bottom: 20px;
  right: 20px;
  display: none;
}

#homeCarousel,
.carousel-inner,
.carousel-item,
.carousel-item.active {
  height: 100vh;
}

/* CLASS STYLES */

.album a {
  color: inherit;
}

.btn.btn-outline-light:hover {
  background-color: rgb(255, 255, 255);  
  color: rgb(0,0,0);
}

.card-body {
  border-top: 1px;
  border-color: rgb(200,200,200);
  border-style: solid none none none;
}

.carousel-item:nth-child(1) {
  background-image: url("../images/img5.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.carousel-item:nth-child(2) {
  background-image: url("../images/img6.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.carousel-item:nth-child(3) {
  background-image: url("../images/img7.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.carousel-item:nth-child(4) {
  background-image: url("../images/img8.jpeg");
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
}

.featurette-divider {
  margin: 5rem 0;
}

.featurette-heading {
  font-weight: 300;
  line-height: 1;
}

.featurette-img {
  transition: transform 0.2s;
}

.featurette-img:hover {
  box-shadow: 0 .5rem 1rem rgba(0,0,0,.15)!important;
  transform: scale(1.03);
}

.footer-img-col {
  padding-top: 2%; 
  padding-bottom: 2%;
}

.main-content {
  background-color:#FFCB77;
}

.mask {
  background-color: rgba(102,133,184, 0.6);
}

.modal {
  z-index: 1080;
} 

.navbar .nav-link {
  color: rgb(255, 255, 255);
}

.primary-nav {
  position: absolute;
  width: 100%;
}

.secondary-nav {
  background-color:rgba(60, 116, 203);
}

/* MEDIA QUERIES */

@media (min-width: 40em) {
  .featurette-heading {
    font-size: 50px;
  }
}
  
@media (min-width: 62em) {
    .featurette-heading {
      margin-top: 7rem;
  }
}