/* Fixed navbars use position: fixed, meaning they’re pulled from the normal flow of the DOM and may require custom CSS (e.g., padding-top on the ) to prevent overlap with other elements.*/ main .video-intro { padding: 100px; } main .video-intro p { font-size: 14px; font-family: Lato; line-height: 30px; } .video-wrapper { width: 100%; padding: 60px 0; background-color: var(--light-background-01); display: flex; justify-content: center; } video { width: 200px; } .videowrapper { width: 100%; height: 400px; padding: 60px 0; background-color: var(--light-background-02); display: flex; justify-content: center; } iframe { width: 200px; height: 100%; } /* .videowrapper .iframe-wrapper { position: relative; padding-bottom: 56.25%; padding-top: 25px; height: 0px; } .iframe-wrapper iframe { position: absolute; left: 0px; top: 0px; right: 0px; bottom: 0px; height: 100%; width: 100%; } */