.flex-container1 {
  display: flex;
  flex-wrap: nowrap;
  background-color: #000;
}

.flex-container1 > div {
  width: 100vw;
  overflow: hidden;
}

.headshot {
  object-fit: cover;
  width: 100%;
  height: 100%;
  -webkit-animation: zoom 100s;
  animation: zoom 100s;
  object-fit: cover;
}

.container-headhsot {
  width: 100%;
  overflow: hidden;
  
  
}

@keyframes zoom {
  from {
    transform: scale(1, 1);
  }
  to {
    transform: scale(1, 1);
  }
}

.centered {
  position: absolute;
  top: 60%;
  left: 30%;
  transform: translate(-50%, -50%);
  overflow: hidden;
  padding:5vh;
}

.fade-in-text {
  display: inline-block;
  font-family: 'Montserrat';
  color: #eeeeee;
  animation: fadeIn linear 7s;
  -webkit-animation: fadeIn linear 7s;
  -moz-animation: fadeIn linear 7s;
  -o-animation: fadeIn linear 7s;
  -ms-animation: fadeIn linear 7s;
}

@media only screen and (max-width: 768px) {
  .centered {
    position: absolute;
    top: 24%;
    left: 30%;
    transform: translate(-50%, -50%);
  }
}

.small {
  line-height: 3vw;
}

@media only screen and (min-width:600px) {
  .centered {
    position: absolute;
    top: 40%;
    left: 30%;
    transform: translate(-50%, -50%);
  }
}



@media screen and (orientation:portrait) and (min-width : 320px) {
  .centered {
    position: absolute;
    top: 16%;
    left: 30%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (orientation:portrait) and (min-width : 480px) {
  .centered {
    position: absolute;
    top: 30%;
    left: 30%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (orientation:portrait) and (min-width: 768px) {
  .centered {
    position: absolute;
    top: 20%;
    left: 30%;
    transform: translate(-50%, -50%);
  }
}

@media screen and (orientation:portrait) and (min-width:992px) {
  .centered {
    position: absolute;
    top: 30%;
    left: 30%;
    transform: translate(-50%, -50%);
  }
}


@media only screen and (min-width:992px) {
  .centered {
    position: absolute;
    top: 45%;
    left: 30%;
    transform: translate(-50%, -50%);
  }
}

@media only screen and (min-width:1200px) {
  .centered {
    position: absolute;
    top: 60%;
    left: 30%;
    transform: translate(-50%, -50%);
  }
}


.white {
  background: none;
  color: white;
}