@charset "utf-8";
/* CSS Document */


body { background-color:#000217; margin:0px; padding:0px; 
	font-family: 'Montserrat', sans-serif, Arial, Verdana, Helvetica; 
	color:#000; font-size:14px;
	font-weight: 200;
}


p{ margin: 0px 0px 10px 0px; text-indent: 1em;}

a {text-decoration: none;}

div {box-sizing: border-box;}

.bg_image {
	object-fit: cover;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -1;
	object-position: left top;
}

.content {
	width: 320px;
	margin: 25px;
	padding: 25px;
	background-color: #100839BB;
	color: #FFF;
	float: right;
	border-radius: 5px;
	
	
}

.logo { padding: 20px 0px 10px 0px; margin:0px 35px;}
.logoimg {width: 100%;}

.block { position: relative; margin: 25px 0px;}
.block .uvh { position: absolute; top:5px; left:0px; width: 20px;}
.block .uvd { position: absolute; bottom:0px; right:0px; width: 20px; 
	-webkit-transform:rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.block .text { margin: 0px 35px;}
.block.blue .text { color: #06B8EE;}
.block.blue .uvh, .block.blue .uvd {filter: invert(0.5) brightness(100) ;}
.whiteline {
	height: 0.2px; width: 150px; margin-left: 25px; ;
	border-bottom: thin solid #fff;
}

.contact { margin: 50px 0px 0px 35px; font-size: .9em;}

@media (max-width: 500px) {
	
	.content {
		width: 100%;
		margin:0px;
		padding: 25px;
		background-color: #100839BB;
		color: #FFF;
		float: none;
		border-radius: 0px;
		min-height: 100vh;
		
		
	}
}