/* Important for images to be displayed correctly */
img {
  width: 100%;
}

/* Style for the example */
body {
  background: #363636;
}

.home-body {
  background: #363636;
}

.about-body {
  background: #ffffff;
}

/*background: #f6f6f8;*/
.container {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
}

.special-card-title {
  font-size: 1.85em ;
  color: white;
}

.special-card-text {
  font-size: 1em ;
  color: white;
}

.special-card-title-dark {
  font-size: 1.85em ;
  color: rgb(56, 56, 56);
}

.special-card-text-dark {
  font-size: 1em ;
  color: rgb(56, 56, 56);
}

.special-card-box {
  padding-top: 1em;   
  padding-left: 2em;
  padding-right: 2em;
  padding-bottom: 1em;   
  border: 1px solid;
  border-color: rgba(255, 255, 255, 1);
  background-color: #2715151f;
}

.about-body {
  background: #ffffff;
}

.gallery-body {
  background: #ffffff;
}

.gallery-title {
  padding-left: 0.5em;
}

.gallery-description {
  padding-left: 1em;
}

.fade-out2 {
  opacity: 0;
  -webkit-transition: opacity 8s;
  transition: opacity 8s;
}

.fade-out {
  animation: fadeOut cubic-bezier(0.42,0,0.58,1) 15s;
  -webkit-animation: fadeOut cubic-bezier(0.42,0,0.58,1) 15s;
  -moz-animation: fadeOut cubic-bezier(0.42,0,0.58,1) 15s;
  -o-animation: fadeOut cubic-bezier(0.42,0,0.58,1) 15s;
  -ms-animation: fadeOut cubic-bezier(0.42,0,0.58,1) 15s;
  animation-fill-mode: forwards; /* added */
}
@keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-moz-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-webkit-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-o-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}

@-ms-keyframes fadeOut {
  0% {
    opacity:1;
  }
  100% {
    opacity:0;
  }
}