@charset "utf-8";

#titulo { float: left; width: 100%;}
#titulo h1 { float: left; width: 90%; padding: 11px 5% 7px; background-color: rgb(219 229 213); text-transform: uppercase; text-align: center; font-weight: bold; font-size: 1.7em; line-height: 1;}

#texto { float: left; width: 100%;}
#texto h2 { float: left; width: 100%; text-align: center; font-size: 1.1em;}

#bloqueado { float: left; width: 90%; min-height: 371px; padding: 41px 5%;}
#bloqueado h2 { float: left; width: 100%; text-align: center; font-size: 1.2em;}

#erro404 { float: left; width: 90%; padding: 21px 5% 41px; position: relative;}
#erro404 .nome { float: left; width: 100%; text-align: center; font-weight: bold; font-size: 5em; line-height: 1;}
#erro404 .numero { float: left; width: 100%; margin: 20px 0; text-align: center; font-size: 12em;}
#erro404 .numero b { padding: 0 20px; outline: 2px solid rgb(150 150 150);}
#erro404 .infor { float: left; width: 100%; text-transform: uppercase; text-align: center; font-weight: bold; font-size: 2em; line-height: 1;}

@media only screen and (max-width: 500px){
  #erro404 .numero { font-size: 8em;}
}