@import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,300italic,700);
/*404*/
body{
	/* WebKit (Chrome & Safari) */
    display: -webkit-box;
    -webkit-box-pack: center;
    -webkit-box-align: center;
    
    /* Firefox */
    display: -moz-box;
    -moz-box-pack: center;
    -moz-box-align: center;
    
    /* IE */
    display:-ms-flexbox;
	-ms-flex-pack:center;
	-ms-flex-align:center;
    
     /* Native CSS */
    display: box;
    box-pack: center;
    box-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    background-image: url('../images/triangles_bg.jpg');
    background-repeat: no-repeat;
    /* background-position: center; */
    background-size: cover;
    background-attachment: fixed;
}
body *{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
}
.error{
	margin: auto;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding: 50px 140px;
	text-align: center;
}
#error-code{
	font-size: 40px;
	color: #df0d0d;
	margin-bottom: 20px;
}
#error-code strong{
	font-size: 40px;
}
.back-home{
	margin-bottom: 20px;
}

@media (max-width: 1024px)
{
	body{
		padding:0px !important;
	}
	body .error{
		width: 90% !important;
		padding: 5%;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
	}
}
@media (max-width: 480px)
{
	body .error{
		height: 100%;
	}
}