.cover { color: #ffffff; text-align: center; width: 100%; padding: 25% 0px; background-image: url("../img/background.png"); background-attachment: fixed; background-repeat: no-repeat; background-size: cover; background-position: center; z-index: 10; font-family: 'Pacifico', cursive; } .fcenter { align-self: center; } @media screen and (max-width: 850px) { .cover-tagline { margin: 25% 0; } } @media screen and (max-width: 600px) { .cover-tagline { margin-top: 75%; margin-bottom: 40%; } }