/******************************************************************
 RESET CSS - Normalize
******************************************************************/
body, img, p, h1, h2, h3, h4, h5, fieldset { margin: 0; padding: 0; border: 0; resize: none; }
a:hover { text-decoration: none !important; }
input[type=submit] { cursor: pointer; }
*:focus { outline: none; }
::selection { background: #000; color: #fafafa; }
::-moz-selection { background: #000; color: #fafafa; }
._v-align { display: inline-block; vertical-align: middle; line-height: normal; }
.relative { position: relative; }
.unstyled { background: none; border: 0; box-shadow: none; list-style: none; margin: 0; padding: 0; line-height: normal; }

/******************************************************************
Geral Html
******************************************************************/
body { overflow-x: hidden; }

#ErrorPage { text-align: center; font-family: 'Raleway', sans-serif; }
    #ErrorPage .info { margin: auto; position: relative; }
    #ErrorPage .info__text { margin: auto; color: #000; box-shadow: 0 0 80px 30px rgba(74, 74, 74, 0.1); }
    #ErrorPage h4 { font-size: 1.50rem; font-weight: 700; margin-top: 50px; margin-bottom: 25px;}
    #ErrorPage p { font-size: 1rem; font-weight: 400; text-align: center; margin: auto; }
    #ErrorPage .links { margin-top: 35px; }
    #ErrorPage a { background-color: white; color: #000; font-size: 1rem; font-weight: 700; padding: 10px 25px; text-align: center; text-decoration: none; position: relative; display: inline-block; }


@media (max-width: 769px) {
       #ErrorPage .info__text { height:400px !important;}
}



@media (max-width: 567px) {
    #ErrorPage .info__text { height: 350px !important; }
}

@media (max-width: 375px) {
    #ErrorPage .info__text { height: 280px !important; }
}