* {  -webkit-box-sizing: border-box;  box-sizing: border-box;}
body {  padding: 0;  margin: 0;}
.notfound { display: flex; align-items: center; flex-direction: column;}
.notfound .container { width: 500px; display: flex; flex-direction: column; align-items: center;}
.notfound .notfound-404 { margin-top: 100px; display: flex; flex-direction: column; align-items: center; }
.notfound .notfound-404 img { width: 250px; }
.notfound .notfound-404 h1 {  font-family: 'Montserrat', sans-serif;  font-size: 150px;  font-weight: 900;  background: url('/assets/img/page-not-found.jpg') no-repeat;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-size: cover;  background-position: center;}
.notfound .notfound-404 h3 {  font-family: 'Montserrat', sans-serif;  font-size: 50px;  font-weight: 900;  background: url('/assets/img/page-not-found.jpg') no-repeat;  -webkit-background-clip: text;  -webkit-text-fill-color: transparent;  background-size: cover;  background-position: center;}
.notfound h2 {  font-family: 'Montserrat', sans-serif;  color: #000;  font-size: 24px;  font-weight: 700;  text-transform: uppercase;  margin-top: 0;}
.notfound p {  font-family: 'Montserrat', sans-serif;  color: #000;  font-size: 14px;  font-weight: 400;  margin-bottom: 20px;  margin-top: 0px;}
.notfound form {  display: flex; width: 100%;}
.notfound form input {  flex: 1; }
.notfound button, .notfound a {  font-family: 'Montserrat', sans-serif;  font-size: 14px;  text-decoration: none;  text-transform: uppercase;  background: #0046d5;  display: inline-block;  padding: 15px 30px;  border-radius: 40px; border: 0; color: #fff;  font-weight: 700;  -webkit-box-shadow: 0px 4px 15px -5px #0046d5;  box-shadow: 0px 4px 15px -5px #0046d5;}
.outline {  background: #fff !important;  border: 1px solid 30046d5 !important;  color: #0046d5 !important;}

@media only screen and (max-width: 767px) {  
  .notfound .notfound-404 {    height: 142px;  }
  .notfound .notfound-404 h1 {    font-size: 112px;  }
}