/*html {
  font-size: 14px;
}

@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

html {
  position: relative;
  min-height: 100%;
}

body {
  margin-bottom: 60px;
}

.nav-link {
    color: purple !important;
    font-weight: bold;
}
.dropdown-item {
    color: purple !important;
    font-weight: bold;
}*/


/* Carousel base class */
/* Since positioning the image, we need to help out the caption */
/*.carousel-caption {
    bottom: 3rem;
    z-index: 10;
}

.carousel-item {
    height: 50rem;
    max-width: 100vw;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
}

.welcome-carousel-image1 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/facebook1.jpg');
}

.welcome-carousel-image2 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/facebook2.jpg');
}

.welcome-carousel-image3 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/rio.jpg');
}
.welcome-carousel-image4 {
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image: url('../images/drone.jpg');
}*/