/* Global Reset & Standards ---------------------- */
*, *:before, *:after {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; outline: none;}

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-family: 'Poppins', sans-serif;}

html {-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;
-webkit-font-smoothing: subpixel-antialiased;}
article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {display: block;}
fieldset, img {	border: 0;}
html, body{background:#f2f2f2; font-size: 14px; line-height: 20px;font-weight: 300;}




/* Links ---------------------- */
a { color: #d11e23; text-decoration: none; line-height:inherit;
-webkit-transition: 0.3s all ease-in-out;
-moz-transition: 0.3s all ease-in-out;
-o-transition: 0.3s all ease-in-out;
transition: 0.3s all ease-in-out;}
p a, p a:visited {line-height: inherit;}

/* Reset for strange margins by default on <figure> elements */
figure { margin: 0; }

/* Lists ---------------------- */
ul, ol, dl { margin:0; padding:0; list-style:none; }
ul li ul, ul li ol { margin-left: 20px; margin-bottom: 0; }
ol li ul, ol li ol { margin-left: 20px; margin-bottom: 0; }

/* Headings & paragraphs ---------------------- */
h1, h2, h3, h4, h5, h6 {font-size:100%;font-weight: 500; font-style: normal;text-transform:none; padding:0 0 10px 0; color: #212121;font-family:inherit;line-height: 1.2;}
h1{font-size:5em;font-weight:300;}
h2{font-size: 2.2em;}
h3{font-size: 2em;}
h4{font-size: 1.8em;}
h5{font-size:1.5em;}
h6{font-size:1.3em;line-height: 1;}
strong{font-weight:500;}
p{color:#888;  margin: 0 0 25px 0;line-height: 1.6;font-size: 1em;font-weight:normal;font-family: 'Open Sans', sans-serif;}

.header{padding: 15px 0;}
.logo{display: block;margin:30px auto;width:200px;}
.logo img{width: 100%;}

/*404*/
.error-wrap {background: #fff;
display: table;
margin: 0 auto;
max-width: 650px;
text-align: center;
}
.error-img {max-width:550px;margin: auto;
display: block;
padding-bottom: 40px;
}
.error-img img{width: 100%;}
.error-content h3 {
font-size: 32px;
line-height: 40px;
}
.error-content > p {max-width: 80%;margin:0 auto 20px;
font-size: 16px;
line-height: 24px;
}
.error-wrap {
border: 1px solid #eaeaea;
border-radius: 40px;
box-shadow: 10px 10px 1px rgba(0, 0, 0, 0.05);
display: table;
margin: 0 auto;
max-width: 850px;
padding: 50px;
text-align: center;
}

.btn{ background: #4ca146;
border: 1px solid #4ca146;
border-radius: 0;
color: #fff;
cursor: pointer;
display: inline-block;
font-size: 1.2em;
font-weight: 300;
height: 50px;
line-height: 50px;
padding: 0 20px;
position: relative;
text-transform: uppercase;
transition: all 0.3s ease-in-out 0s;
vertical-align: top;}

@media(max-width:767px){
.error-content h3{font-size: 18px;line-height: 1.2;}
.error-content > p{max-width: 100%;font-size: 1em;}
.error-wrap{padding: 15px;}
.btn{font-size: 1em;}
.section{padding: 10px;}
.error-img {max-width:300px;}
}