body{
	background-color: #000000;
	color: #efefef;
	font-family: 'Josefin Sans', sans-serif;
	opacity:0;
	transition: opacity 1s;
	-webkit-animation: fadein 1s; /* Safari, Chrome and Opera > 12.1 */
	-moz-animation: fadein 1s; /* Firefox < 16 */
	-ms-animation: fadein 1s; /* Internet Explorer */
	-o-animation: fadein 1s; /* Opera < 12.1 */
	animation: fadein 1s;
}

.sexy_line{ 
	display:block;
	border:none;
	color:white;
	height:1px;
	background:black;
	background: -webkit-gradient(radial, 50% 50%, 0, 50% 50%, 350, from(#fff), to(#000));
}
.image-blurred-edge {
	background-image: url('../images/uat_logo.jpg');
	width: 840px;
	height: 380px;
	/* you need to match the shadow color to your background or image border for the desired effect*/
	box-shadow: 0 0 40px 40px black inset;
}

img.dim{
	filter: brightness(60%);
	-webkit-filter: brightness(60%);
	-moz-filter: brightness(60%);
	-o-filter: brightness(60%);
	-ms-filter: brightness(60%);
}

img.dark{
	filter: brightness(15%);
	-webkit-filter: brightness(15%);
	-moz-filter: brightness(15%);
	-o-filter: brightness(15%);
	-ms-filter: brightness(15%);
}

img.bg {
	/* Set rules to fill background */
	min-height: 100%;
	min-width: 1024px;
	z-index: -999;
	opacity: 0.3;
	filter: alpha(opacity=30); /* For IE8 and earlier */
	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
	}

@media screen and (max-width: 1024px) { /* Specific to this particular image */
	img.bg {
		left: 50%;
		margin-left: -512px;   /* 50% */
	}
}