.vid-cont { position: relative; } .vid-cont video { position: relative; z-index: 0; } .overlayText { position: absolute; top: 0; left: 0; z-index: 1; font-weight: 900; } .text-hollow { -webkit-text-stroke: 2px; -webkit-text-stroke-color: #52bf00; -webkit-text-fill-color: transparent; } @media only screen and (max-width: 600px) { #topText { margin-top: 30px; font-size: 2.8rem; line-height: 4rem; } } @media only screen and (min-width: 600px) { #topText { margin-top: 20px; font-size: 4rem; line-height: 4rem; } .text-hollow { font-size: 2.6rem; } } @media only screen and (min-width: 768px) { #topText { margin-top: 30px; font-size: 5rem; line-height: 5rem; } .text-hollow { font-size: 3.5rem; } } @media only screen and (min-width: 992px) { #topText { margin-top: 50px; font-size: 7rem; line-height: 6.2rem; } .text-hollow { font-size: 5rem; } } @media only screen and (min-width: 1400px) { #topText { margin-top: 50px; font-size: 7.5rem; line-height: 8rem; } .text-hollow { font-size: 6rem; } }