.video-bg.grad-school {
     position: relative;
     background-color: black;
     height: 40vh;
     width: 100%;
     overflow: hidden;
     background: url('../../_dev/images/grad-school/grad-school-hero-lg.webp') no-repeat;
     background-size: cover;
}
 .video-bg.grad-school video {
     position: absolute;
     top: 50%;
     left: 50%;
     min-width: 100%;
     min-height: 100%;
     width: auto;
     height: auto;
     z-index: 0;
     -ms-transform: translateX(-50%) translateY(-50%);
     -moz-transform: translateX(-50%) translateY(-50%);
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%);
}
 .video-bg.grad-school .container {
     position: relative;
     z-index: 2;
}
 .video-bg.grad-school .overlay {
     position: absolute;
     top: 0;
     left: 0;
     height: 100%;
     width: 100%;
     z-index: 1;
}
 .video-bg.grad-school img {
     width: 80%;
}
 .grad-cta {
     background-image: linear-gradient(to bottom, #520012 50%, #3f0012 );
     padding: 2rem;
}
 .cta-buttons {
     text-transform: uppercase;
     font-family: 'Helvetica', 'Arial', sans-serif;
}
 .cta-buttons .one, .cta-buttons .two, .cta-buttons .three {
     padding: 0 0 0.5rem 0;
}
 .cta-buttons a {
     border-radius: .25rem;
     background-color: #602635;
     color: #fff;
     text-decoration: none;
    /* letter-spacing: 0.1rem;
     */
     padding: 0.3rem;
}
 .cta-buttons a:hover {
     background-color: #fff;
     color: #520012;
     text-decoration: none;
}
/* ---------- DEVICE Media Queries --------- */
/* Small devices (landscape phones, 576px and up) */
 @media (min-width: 576px) {
}
/* Medium devices (tablets, 768px and up) */
 @media (min-width: 768px) {
     .video-bg.grad-school {
         height: 50vh;
    }
     .cta-buttons .one, .cta-buttons .two {
        text-align: center;
         padding: 0 1rem 0 0;
    }
     .cta-buttons .three {
        text-align: center;
         padding: 0;
    }
     .cta-buttons a {
         padding: 0.5rem;
    }
     .grad-cta {
         padding: 2rem 0;
    }
}
/* Large devices (desktops, 992px and up) */
 @media (min-width: 992px) {
     .video-bg.grad-school {
         height: 60vh;
    }
     .cta-buttons a {
         font-size: 1.1rem;
    }
}
/* X-Large devices (large desktops, 1200px and up) */
 @media (min-width: 1200px) {
     .video-bg.grad-school {
         height: 80vh;
    }
}
/* XX-Large devices (larger desktops, 1400px and up) */
 @media (min-width: 1400px) {
     .video-bg.grad-school {
         height: 100vh;
    }
}