body{
	background-color: #000;
	font-family: Calibri, Arial, Verdana, Courier;
	color: #a6b8ff;
	margin:auto;
	font-size:normal;
}

h1 {
	font-size:3.0vw;
	white-space:nowrap;
	margin:0px;
	padding:0px;
}

h2 {
	font-size:2.2vw;
	white-space:nowrap;
	margin:0px;
	padding:0px;
}

h3 {
	font-size:2.0vw;
	white-space:nowrap;
	margin:0px;
	padding:0px;
}

h4 {
	font-size:1.8vw;
	white-space:nowrap;
	margin:0px;
	padding:0px;
}

a {
	font-size:small;
	font-weight:bold;
	text-decoration:none;
	color: #a6b8ff;
}

table {
	width: 100%;
	margin:0px;
	padding:0px;
	border-collapse:collapse;
	border-spacing:0;
}

tr, td {
	margin:0px;
	padding:0px;
}

.pad {
	padding:4px;
}

p {
	font-size:normal;
	text-align:justify;
	margin:2px;
	padding:20px;
}

ul {
	margin:2px;
	font-size:normal;
}

input, textarea, select {
	padding:3px;
	font-size:16px;
	border-style:solid;
	border-radius:7px;
	border-width:1px;
	background-color:#332933;
	border-color:#969fff;
	color:#a6b8ff;
	font-family:sans-serif;
	font-weight:bold;
	overflow:hidden;
} 

input:focus { outline:none; } 

.header-img{
	max-width:38vw;
	max-height:133px;
}

.separator {
	height:6px;
	margin:0px;
	padding:0px;
	background: rgba(76,76,76,1);
	background: -moz-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(76,76,76,1)), color-stop(12%, rgba(89,89,89,1)), color-stop(25%, rgba(102,102,102,1)), color-stop(39%, rgba(71,71,71,1)), color-stop(50%, rgba(44,44,44,1)), color-stop(51%, rgba(0,0,0,1)), color-stop(60%, rgba(17,17,17,1)), color-stop(76%, rgba(43,43,43,1)), color-stop(91%, rgba(28,28,28,1)), color-stop(100%, rgba(19,19,19,1)));
	background: -webkit-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
	background: -o-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
	background: -ms-linear-gradient(top, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
	background: linear-gradient(to bottom, rgba(76,76,76,1) 0%, rgba(89,89,89,1) 12%, rgba(102,102,102,1) 25%, rgba(71,71,71,1) 39%, rgba(44,44,44,1) 50%, rgba(0,0,0,1) 51%, rgba(17,17,17,1) 60%, rgba(43,43,43,1) 76%, rgba(28,28,28,1) 91%, rgba(19,19,19,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4c4c4c', endColorstr='#131313', GradientType=0 );
}

@keyframes toColor {
    0%    { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0} 
    25%   { -webkit-filter: grayscale(100%); filter: grayscale(100%);} 
    50%   { -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:1}
   	75%   { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
    100%  { -webkit-filter: grayscale(0%); filter: grayscale(0%); }
}

img.desaturate { 
	animation: toColor 2.5s;
}

.circular {
	border-radius: 50%;
	border: solid 2px #555;
}


.desktop-table{
	display:table;
}

.mobile-table{
	display:none;
}

.button-circle {
	width:80px;
	height:80px;
	font-size:large;
	border: solid 6px #888;
	font-weight:bold;
	border-radius: 50%;
	cursor:pointer;
	background: rgba(180,186,192,1);
	background: -moz-radial-gradient(center, ellipse cover, rgba(180,186,192,1) 0%, rgba(115,135,160,1) 32%, rgba(47,82,117,1) 66%, rgba(10,15,20,1) 70%, rgba(40,64,88,1) 81%, rgba(40,64,88,1) 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%, rgba(180,186,192,1)), color-stop(32%, rgba(115,135,160,1)), color-stop(66%, rgba(47,82,117,1)), color-stop(70%, rgba(10,15,20,1)), color-stop(81%, rgba(40,64,88,1)), color-stop(100%, rgba(40,64,88,1)));
	background: -webkit-radial-gradient(center, ellipse cover, rgba(180,186,192,1) 0%, rgba(115,135,160,1) 32%, rgba(47,82,117,1) 66%, rgba(10,15,20,1) 70%, rgba(40,64,88,1) 81%, rgba(40,64,88,1) 100%);
	background: -o-radial-gradient(center, ellipse cover, rgba(180,186,192,1) 0%, rgba(115,135,160,1) 32%, rgba(47,82,117,1) 66%, rgba(10,15,20,1) 70%, rgba(40,64,88,1) 81%, rgba(40,64,88,1) 100%);
	background: -ms-radial-gradient(center, ellipse cover, rgba(180,186,192,1) 0%, rgba(115,135,160,1) 32%, rgba(47,82,117,1) 66%, rgba(10,15,20,1) 70%, rgba(40,64,88,1) 81%, rgba(40,64,88,1) 100%);
	background: radial-gradient(ellipse at center, rgba(180,186,192,1) 0%, rgba(115,135,160,1) 32%, rgba(47,82,117,1) 66%, rgba(10,15,20,1) 70%, rgba(40,64,88,1) 81%, rgba(40,64,88,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b4bac0', endColorstr='#284058', GradientType=1 );

}

/* mobile devices */
@media (max-width:980px) {

	a {
		font-size:x-large;
		font-weight:bold;
		text-decoration:none;
		color: #a6b8ff;
	}
	
	h1 {
			font-size:6.0vw;
			white-space:nowrap;
			margin:0px;
			padding:0px;
	}

	h2 {
			font-size:4.4vw;
			white-space:nowrap;
			margin:0px;
			padding:0px;
	}

	h3 {
			font-size:4.0vw;
			white-space:nowrap;
			margin:0px;
			padding:0px;
	}

	h4 {
			font-size:3.6vw;
			white-space:nowrap;
			margin:0px;
			padding:0px;
	}

	.desktop-table{
		display:none;
	}

	.mobile-table{
		display:table;
	}

	.header-img{
		width:50vw;
		height:auto;
		max-width:50vw;
		max-height:50vh;
	}

	p {
		font-size:x-large;
		text-align:justify;
		margin:2px;
		padding:20px;
	}

	ul {
		margin:2px;
		font-size:xx-large;
	}

	.button-circle {
		width:200px;
		height:200px;
		font-size:xx-large;
		border: solid 9px #888;
	}
}