frontiers creativity | collaboration | continuity video, .video-image { object-fit: cover; position: absolute; top: 0; left: 0; height: 100%; width: 100%; } .video-wrapper:before { content: " "; background: #000; top: 0; left: 0; width: 100%; height: 100%; position: absolute; z-index: 1; opacity: .2; } .video-wrapper { width: 100%; height: 100%; min-height:660px; position: relative; overflow: hidden; text-align: center; display: flex; align-items: center; justify-content: center; z-index: 1; } .header{ position: relative; color: white; text-shadow: 1px 1px 8px rgba(0,0,0,0.6); } .video-overlay { margin-top: 12rem; padding-top: 0 !important; display: flex; justify-content: space-between; align-content: space-between; align-items: center; z-index: 999; flex-direction: column; /* flex-wrap: nowrap;*/ } @media(max-width: 768px) { .video-overlay .h2 { font-size: 5em !important; } .video-overlay .h3 { font-size: 1.5em !important; } } <h3 id="jump_keep_me_up_to_date!" class=" " > Keep Me Up to Date! </h3> input[name=confirmemail] { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } Name Email Phone Message
