.apresentacao {
  padding-top: 14px;
  margin: 0 auto;
  max-width: 1000px;
  text-align: center;


}
.apresentacao > h1 {
  text-shadow: 1px 1px 1px #130c0e;
  color: #ffffff;
}

#content-1 {
  background: url('https://images.unsplash.com/photo-1521106047354-5a5b85e819ee?ixlib=rb-0.3.5&s=4051476e2584c8bcee28f69dd2499ac5&auto=format&fit=crop&w=1052&q=80');
  background-size:cover;
}

#content-1 > .containerbackground {
  background-color: #403436;
}

#content-1 p {
  font-size: 1.5em;
}
#content-1 img {
  -webkit-filter: drop-shadow(1px 1px 1px #222);
  filter:         drop-shadow(1px 1px 1px #222);
}

.textoapresentacao {
  padding: 10px;
  opacity: .85;
  background-color: #000000;
  color: white;
  margin-top: 9%;


}
.textoapresentacao > p {
  padding-left: 25px;
  padding-right: 25px;
}

@keyframes gainopacity {
  0% { opacity: 0.1; }
  10% { opacity: 0.1; }
  20% { opacity: 0.2; }
  30% { opacity: 0.3; }
  40% { opacity: 0.4; }
  50% { opacity: 0.5; }
  60% { opacity: 0.6; }
  70% { opacity: 0.7; }
  80% { opacity: 0.8; }
  90% { opacity: 0.9; }
  100% { opacity: 1; }

}

#Barra1 {
  opacity: 0.1;
  animation: gainopacity 2s 1s ease normal;
  animation-fill-mode: forwards;
}

#Barra2 {
  opacity: 0.1;
  animation: gainopacity 2s 2s ease normal;
  animation-fill-mode: forwards;
}

#Barra3 {
  opacity: 0.1;
  animation: gainopacity 2s 3s ease normal;
  animation-fill-mode: forwards;
}


@media (min-width: 576px) {  }

@media (min-width: 768px) { }

@media (min-width: 992px) {  }

@media (min-width: 1200px) {  }




@media (max-width: 576px) {  }

@media (max-width: 768px) {
  .container {
    position: relative !important;
    padding-bottom: 50px;
  }
}

@media (max-width: 992px) {  }

@media (max-width: 1200px) {  }