body {
    padding-top: 3rem;
    padding-bottom: 3rem;
    background-color:  #FFE9DD;
   }

/* Caroussel
-------------------------------------------------- */

/* Carousel base class */
  /* Since positioning the image, we need to help out the caption */
  .carousel-caption {
    bottom: 3rem;
    z-index: 10;
  }
  
  /* Declare heights because of positioning of img element */
  .carousel-item {
    height: 40rem;
    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/caroussel/carousel1.png');
  }

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

  .welcome-carousel-image3{
    box-shadow: inset 0 0 0 100vw rgba(0,0,0,0.3);
    background-image:url('../images/caroussel/carousel3.png');
  }



/* Jumbotron */

.jumbotron-sweets {
    background: url('../images/jumbotron/jumbotron_sweet.png') no-repeat fixed;
}

.jumbotron-events {
    background: url('../images/jumbotron/jumbotron_events.png') no-repeat fixed;
}

.jumbotron-contacts {
    background: url('../images/jumbotron/jumbotron_contacts.png') no-repeat fixed;
}

.jumbotron-title {
    color: #D77E81;
    background-color: transparent;
    /* padding-left: 3rem; */
}

.jumbotron {
    box-shadow: inset 0 0 0 100vw rgba(0, 0, 0, 0.1);
    height: 40vh;
    background-size: cover;
}