@media screen and (min-width: 981px) { #NotFound { position: absolute; width: 600px; left: 50%; top: 45%; text-align: center; white-space: nowrap; opacity: 0; transform: translate3d(-50%,50%,0) scale(1.0); transition: 400ms ease-out; } #NotFound.Show { opacity: 1; transform: translate3d(-50%,-50%,0) scale(1.0); } #NotFound H1 { margin-bottom: 0px; color: #C41230; } #TooMuch { margin-top: 40px; text-align: center; color: #C41230; } } @media screen and (max-width: 980px) { #Content { padding: 20px 0; } #NotFound { position: absolute; width: 600px; left: 50%; top: 45%; text-align: center; white-space: nowrap; opacity: 0; transform: translate3d(-50%,50%,0) scale(1.0); transition: 400ms ease-out; } #NotFound.Show { opacity: 1; transform: translate3d(-50%,-50%,0) scale(1.0); } #NotFound H1 { margin-bottom: 0px; font-size: 60px; color: #C41230; } #NotFound P { font-size: 34px; } #TooMuch { margin: 40px 20px; font-size: 34px; text-align: center; color: #C41230; } }