/* latin */
@font-face {
  font-family: 'Monoton';
  font-style: normal;
  font-weight: 400;
  src: local('Monoton'), local('Monoton-Regular'), url(https://fonts.gstatic.com/s/monoton/v9/5h1aiZUrOngCibe4TkHLQg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

.bg-404{
padding: 0;
margin: 0;
background: url(../images/bg-img/background.jpg)no-repeat 0px 0px #262b30;
background-attachment: fixed;
background-position: 50% 50%;
background-size: cover;
}

/*--header--*/
.agile-errheader h1 {
font-size: 50px;
font-weight: 500;
text-align: center;
text-transform: uppercase;
letter-spacing: 2px;
padding: 1em 0 1em;
color: #f8faf9; 
`
}
.agile-errmain {
width:100%;
margin: 0 auto;
}
.agile-errmain h2 {
font-size: 180px;
font-weight: 500;
text-align: center;
letter-spacing: 10px;
padding: 0 0 0;
color: #ea1c26; font-family: 'Monoton', cursive;
}
.agile-errmain p {
font-size: 25px;
font-weight: 500;
text-align: center;
text-transform: capitalize;
color: #000;
padding: 1em 0 1em;
}
.agile-errmain span {
font-size: 20px;
font-weight: 500;
text-align: center;
text-transform: capitalize;
color: #000;
display: block;
padding: 0 0 4em;
}
.agile-back {margin:0 auto; text-align:center}

button.submit {
font-size:14px;
font-weight: 500;
text-align: center;
text-transform: capitalize;
padding: 0.8em 3em;
background: rgba(234, 28, 38, 1);
cursor: pointer;
color: #fff;
border: none;
outline: none; border-radius:100px;
}
button.submit:hover { background:#fff; color:#000; font-weight:600}

button.help {font-size: 17px;font-weight: 500;text-align: center;text-transform: capitalize;letter-spacing: 2px;padding: 0.8em 0.8em;background: rgba(241, 234, 6, 0.31);width:50%;cursor:pointer;color:#fff;border:none;outline: none;
}
.copy-right2 { text-align:center; font-size:13px; color:#fff}

@media (max-width:575px){
.agile-errmain { width:100%}
.agile-errheader h1 { font-size:30px}
.agile-errmain p {font-size:20px; padding:.5em 0 .5em}
.agile-errmain h2 {font-size:100px}
}

@media (max-width:480px){
.agile-errmain { width:100%}
.agile-errheader h1 { font-size:20px}
.agile-errmain p {font-size:15px; padding:.5em 0 .5em}
.agile-errmain h2 {font-size:100px}
}

@media (max-width:375px){.
copy-right2 {font-size:12px}.agile-errmain span {font-size:16px}
.agile-errmain p {font-size:13px; padding:.5em 0 .5em}
.copy-right2 { font-size:12px;}
}