*/
#intro h2 {
  color: #fff;
}
#intro p {
  color: #fff;
}

/* Botão do campo de busca*/
.btn-modal {
  color: #fff;
  background: rgba(45, 45, 44, 0.7);
}
.btn-modal:hover {
  color: #fff;
  background: rgba(45, 45, 44, 0.9999);
}
#Portfolio h1, #Portfolio h3{color: #222;}
#Portfolio h1 span{color: #02781E; font-weight:900;}

/* Rodapé */




/* Video Background */
#myVideo {
  position: fixed;
  right: 0;
  bottom: 0;
  min-width: 100%; 
  min-height: 50%;
  z-index:10;
}

.content {
  position: fixed;
  top: 10px;
  left: 10px;
  color: #f1f1f1;
  width: 100%;
}

#myBtn {
  font-size: 14px;
  padding: 6px 10px 6px 10px;
  border: none;
  border-radius:6px;
  background: red;
  color: #fff;
  font-weight:500;
  cursor: pointer;  
}


 * {box-sizing: border-box;}
.mySlides {display: none;}
img {vertical-align: middle;}

/* Slideshow container */
.slideshow-container {
  position: relative;
  margin: auto;z-index:200;
}

/* Caption text */

/* Number text (1/3 etc) */
.numbertext {
  color: #f2f2f2;
  font-size: 12px;
  padding: 8px 12px;
  position: absolute;
  top: 0;
}

/* The dots/bullets/indicators */
.dot {
  height: 15px;
  width: 15px;
  margin: -30px 2px 0 2px;
  background-color: #bbb;
  border-radius: 50%;
  display: inline-block;
  transition: background-color 0.6s ease;
}
/* Fading animation */
.fade {
  animation-name: fade;
  animation-duration: 1.5s;
}


/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) {
  .text {font-size: 11px}
}

.hero,
.hero_content {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.hero {
  overflow: hidden;
}

.hero_video,
.hero iframe {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100vw;
  height: 56.25vw; /* 9/16*100 = 56.25 */
  min-height: 100vh;
  min-width: 177.77vh; /* 16/9*100 = 177.77 */
}

.hero iframe.loaded {
  opacity: 1;
}

.hero_content {
  z-index: ;
  display: inline;

}