.full-width {
  width: 100vw;
  position: relative;
  left: 36%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-top: -1em;
}

.full-width img {
    max-width: unset !important;
    padding: unset !important;
    margin: 0 auto;
    height: 50vw !important;
    -webkit-transition: margin 2s ease;
    -moz-transition: margin 2s ease;
    -o-transition: margin 2s ease;
    -ms-transition: margin 2s ease;
    transition: margin 2s ease;
}

.full-width img:hover {
    margin-top: -110px;
}

.embed-responsive {
    width: 950px;
    margin: auto;
    height: 500px;
}

.embed-responsive-fw {
    width: 99.5vw;
    margin-left: -55vw;
    height: 50vw;
    margin-right: -50vw;
    left: 61%;
    right: 50%;
}

.alt-wrap {
      display: block;
      position: relative;
      //margin: 20px;
      color: whitesmoke;
    }
    .alt-wrap p.alt {
        position: absolute;
        width: 50vw;
        opacity: 0;
        left: 0;
        right: 0;
        bottom: 40%;
        margin: 0 auto;
        padding: 15px;
        line-height: 35px;
        background-color: rgba(0, 0, 0, 0.3);
        transition: all 300ms ease;
        transition-delay: 300ms;
        color: whitesmoke;
        font-weight: 300;
        letter-spacing: .02143rem;
        font-family: "Fira Sans",FiraGo,Tahoma,Calibri,Helvetica,Arial,sans-serif;
        font-size: 2rem;
    }
    .alt-wrap:hover > p.alt {
      opacity: 1;
      transition-delay: 0s;
    }