/*
Template Name: 404 Error
File: Layout CSS
Author: TemplatesOnWeb
Author URI: https://www.templateonweb.com/
Licence: <a href="https://www.templateonweb.com/license">Website Template Licence</a>
*/

:root {
	--brown:#763c31;
}
body{
	  background: #0f0f1c;
      color: #fff;
      font-family: 'Orbitron', sans-serif;
	  position:relative;
}
ul{
	list-style:none;
	padding:0;
}
h1, h2, h3, h4, h5 {
	  font-family: "Libertinus Sans", sans-serif;
	  font-weight: 600 !important;
}
a{
	color: var(--bs-gray-900);
	text-decoration:none;
}
a:hover{
	text-decoration:none;
	color: var(--brown);
}
a:focus{
	text-decoration:none;
	color: var(--brown);
}

.link:hover{
	text-decoration:none;
	color: var(--brown)!important
}
.link:focus{
	text-decoration:none;
	color: var(--brown)!important;
}
.button{
	transition: 0.3s;
	padding: 14px 36px 14px 36px;
	display: inline-block;
	color:var(--bs-white);
	background:var(--brown);
}

.button:hover{
	background:var(--bs-white);
	color:var(--brown);
}

.button:focus{
	background:var(--bs-white);
	color:var(--brown);
}

.col_brown {
    color: var(--brown);
}
p{
	color:var(--bs-gray-700);
	line-height:1.8em;
}

/*********************error****************/

.social_icon li{
	margin-left:10px;
	margin-right:10px;
}
.grid-bg {
      position: absolute;
      width: 100%;
      height: 100%;
      background-image: linear-gradient(#d9e9e93b  1px, transparent 1px),
                        linear-gradient(90deg, #d9e9e93b  1px, transparent 1px);
      background-size: 50px 50px;
      z-index: 0;
    }
    .center {
      display: block;
      width: 100%;
      max-width: 800px;
      margin: auto;
	 position: inherit;
    }
    .number {
      font-size: 90px;
      fill: #ffffff;
      font-weight: bold;
      text-anchor: middle;
    }
    .message {
      font-size: 22px;
      fill: #7f8c8d;
      text-anchor: middle;
    }
    .shine {
      fill: white;
      opacity: 0.3;
    }
	.error_new{
		position:inherit;
	}
/*********************error_end****************/


@media screen and (max-width : 767px){

.w-75{
	width:100%!important;
}
.w-50{
	width:80%!important;
}

 }


@media (min-width:576px) and (max-width:767px) {

 }
 
@media (min-width:768px) and (max-width:991px) {


 }

@media (min-width:992px) and (max-width:1200px) {


 }

@media (min-width:1201px) and (max-width:1300px) {

 }
@media screen and (min-width : 1400px){


 }