html,body{
	font-family: Arial, Helvetica, Sans-serif;
	backgound-color:#424242;
}

.silver_gradient
{
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f5f6f6+0,f5f6f6+11,dbdce2+21,dddfe3+64,b8bac6+79,f5f6f6+100 */
	background: #f5f6f6; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #f5f6f6 0%, #f5f6f6 11%, #dbdce2 21%, #dddfe3 64%, #b8bac6 79%, #f5f6f6 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #f5f6f6 0%,#f5f6f6 11%,#dbdce2 21%,#dddfe3 64%,#b8bac6 79%,#f5f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #f5f6f6 0%,#f5f6f6 11%,#dbdce2 21%,#dddfe3 64%,#b8bac6 79%,#f5f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
color:#000;
max-width: 100%;
}

.black_gradient{
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#959595+0,0d0d0d+46,010101+50,0a0a0a+53,4e4e4e+76,383838+87,1b1b1b+100;Black+Gloss+Pipe */
	background: #959595; /* Old browsers */
	background: -moz-linear-gradient(-45deg,  #959595 0%, #0d0d0d 46%, #010101 50%, #0a0a0a 53%, #4e4e4e 76%, #383838 87%, #1b1b1b 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg,  #959595 0%,#0d0d0d 46%,#010101 50%,#0a0a0a 53%,#4e4e4e 76%,#383838 87%,#1b1b1b 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
 color:#fff;
 max-width: 100%;
 margin-top:-2px;


}

.terms{
font-size: 0.8em;

}

.encasing{
	border-radius:15px;
	border-style:none;
	padding:20px 20px 20px;
	margin:5px 5px 5px;
}

.space_10px
{
	height: 10px;
}

.space_20px
{
	height: 20px;
}

.space_50px
{
	height: 50px;
}
.space_70px
{
	height: 70px;
}

.space_100px
{
	height: 100px;
}
.space_200px
{
	height: 200px;
}


footer
{
	/*top- left and right - bottom*/
	height:100px;
	padding:15px 15px 0px;
	color: #000;
	position: fixed;
	left: 0px;
	right: 0px;
	bottom: 0px;
	box-shadow:-2px -2px 8px #000;

}

#block
{
	border-radius: 15px;
	filter: alpha(opacity=92);
	/* IE */
	-moz-opacity: 0.92;
	/* Mozilla */
	opacity: 0.92;
	padding: 1px;
	margin-bottom: 5px;
}

#block:hover
{
	box-shadow:1px 1px 1px #4b1588;

}



#bg_image{
	background-image: url(../images/bg_3.jpg);
	background-size:cover;
	filter:hue-rotate(90deg);
	filter:saturate(5);
	filter:sepia(10%);
	filter:contrast(180%)brightness(90%);
	filter:contrast(120%);
	filter:opacity(90%);
	position: fixed;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index:-1;

}

#bg_pattern
{
	background-image: url(../images/patterns/pattern.png);
	background-repeat:repeat;
	/*background-color: #a480d9;*/
	background-color: transparent;
	position: fixed;
	filter:hue-rotate(50deg);
	filter:saturate(5);
	filter:opacity(80%);
	left: 0px;
	top: 0px;
	width: 100%;
	height: 100%;
	z-index:-1;
}

.a_color{color:#D7B56D;}

.element {

	animation: backgrounds 8s infinite;
}
@keyframes backgrounds {
	0% {
		background-color:rgba(22, 21, 23, 0.9);
	}
	20% {
		background-color:rgba(24, 21, 26, 0.6);
	}
	40% {
		background-color:rgba(28, 8, 38, 0.84);
	}
	60% {
		background-color:rgba(35, 9, 48, 0.87);
	}
	80% {
		background-color:rgba(30, 16, 38, 0.71);
	}
	100% {
		background-color:rgba(15, 7, 20, 0.9);
	}
}
.ngrave {
	color: white;
		text-shadow: 1px 1px 2px black, 0 0 15px blue, 0 0 3px darkblue;
  
  }
  .ngrave:link{
  color:#fff!important;
  text-decoration: none;
  }
  @media screen and (min-width: 320px)and (max-width: 600px) {
	.terms{

	font-size:0.6em;	
	}
	
	
	body{
		font-size:1.2em
	}
	H1{
	font-size:1.2em;
	}
	
	H2{
	  font-size:1.0em;
	}
	
	H3{
	font-size:0.9em;
	}
	
	H4{
	font-size:0.8em
	}
	
	H5{
	font-size:0.8em
	}
	
	H6{
	font-size:0.8em
	}
	
	
	
	footer{
	margin:0px 2px 0px;
	font-size:0.6em;
	}
	}
	
	@media screen and (min-width: 601px) and (max-width:1024px){
		body{
			font-size:1.4em;
		}
	
		.heading{
			font-size:1.4em;
		}
		footer{
	font-size:0.6em;
	
		}
	
	}