.parallax-header {
            height: 70vh;
            background-position: 50% 50%;
            background-repeat: no-repeat;
            -webkit-background-size: cover;
            -moz-background-size: cover;
            -o-background-size: cover;
            background-size: cover;
            position: relative;
        }
        .parallax-header .credit{
            font-size: .9em;
            position: absolute;
            bottom: 0;
            left: 0;
            padding-left: 2em;
            color:white;
        }
        .bg-vid-box {
            position: relative;
            padding: 2rem;
            color: white;
        }

         @media (min-width: 768px) {
            .parallax-header h1 {
                font-size: 2.4em;
            }

            .bg-vid-box p {
                font-size: 18px;
            }
         }

        @media (min-width: 992px){
            .bg-vid-box {
                position: absolute;
                width: 50%;
                top: 50%;
                left: 75%;
                transform: translateX(-50%) translateY(-50%);
            }
          }

         @media (min-width: 1200px) {
            .parallax-header h1 {
                font-size: 3em;
            }

            .bg-vid-box p {
                font-size: 24px;
            }
            .parallax-header{
                background-attachment: fixed;
            }
        }