html.refresh { font-size: 62.5%; } html.refresh body { font-family: 'Source Sans Pro', sans-serif; } .error-background { padding-bottom: 120px; min-height: 100%; } .error-background .error-container { max-width: 70%; text-align: center; background-color: #ffffff; padding: 50px 0; margin: 20px auto; } .error-background .error-container .error-svg-container { margin: auto; padding-left: 25px; width: 240px; } .error-background .error-container h2 { color: #1b2733; font-size: 29.4px; font-weight: bold; margin-bottom: 10px; border-bottom: unset; } .error-background .error-container p { color: #455060; font-size: 18px; font-weight: 400; margin: 10px auto; max-width: 70%; } .error-background .error-container p.error-code { margin-top: 30px; } @media (max-width: 960px) { .error-background .error-container p { max-width: 90%; } } @media (max-width: 767px) { .error-background .error-container p { max-width: 95%; } } @media (max-width: 480px) { .error-background .error-container p { font-size: 14px; } } .error-background .error-container a { text-decoration: none; border-bottom: 1px solid #0F62FA; padding-bottom: 1px; color: #0F62FA; } @media (max-width: 767px) { .error-background .error-container { max-width: 90%; } } @media (max-width: 480px) { .error-background .error-container { max-width: 95%; } } .error-background-v2 { background: #f1f1f1; } .error-background-v2 .error-container { max-width: 70%; text-align: center; background-color: #ffffff; padding: 5rem 0; margin: 2rem auto; } .error-background-v2 .error-container .error-svg-container { margin: auto; padding-left: 2.5rem; width: 24rem; } .error-background-v2 .error-container h2 { color: #1b2733; font-size: 2.94rem; font-weight: bold; margin-bottom: 1rem; border-bottom: unset; } .error-background-v2 .error-container p { color: #455060; font-size: 1.8rem; font-weight: 400; margin: 1rem auto; max-width: 70%; } .error-background-v2 .error-container p.error-code { margin-top: 3rem; } @media (max-width: 960px) { .error-background-v2 .error-container p { max-width: 90%; } } @media (max-width: 767px) { .error-background-v2 .error-container p { max-width: 95%; } } @media (max-width: 480px) { .error-background-v2 .error-container p { font-size: 1.5rem; } } .error-background-v2 .error-container a { text-decoration: none; border-bottom: 0.1rem solid #0F62FA; padding-bottom: 0.1rem; color: #0F62FA; } @media (max-width: 767px) { .error-background-v2 .error-container { max-width: 90%; } } @media (max-width: 480px) { .error-background-v2 .error-container { max-width: 95%; } }