.imgfullscreen  {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
@media screen and (max-width: 768px) {
    .content-wrapper{
        height: 100vh;
        min-height: unset;
    }
  }

.content-wrapper{
    transition: all;
    background: rgba(214,214,214,0.5);
    min-height: 54vh;
    display: flex!important;
    flex-direction: column;
    justify-content: space-evenly;
    margin: auto;
    animation: slide-top 0.5s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
}
.content-wrapper .button  {
    animation: fade-in 0.9s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
    animation-delay: 0.5s;
}
.content-wrapper p {
    font-family: Georgia, serif;
}

 @keyframes slide-top {
    0% {
      transform: translateY(100px);
      opacity: 0;
    }
    100% {
      transform: translateY(0);
      opacity: 1;
    }
  }

  @keyframes fade-in {
    0% {
      opacity: 0;
    }
    100% {
      opacity: 1;
    }
  }