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

body, html {
  height: 100%;
	font-family: 'AudiTypeScreen', Verdana,Geneva,sans-serif;
}

.background {
	
	background-color: #222;
	position: fixed;
	top: 0;
  	left: 0;
	bottom: 0;
	right: 0;
	min-height: 100%;
	width: 100%;
	height: auto;
}

.content-box {
	

  position: absolute;
  top: 40%;
  left: 0;
  right: 0;
  margin: auto;
  -webkit-transform: translateY(-40%);
  -ms-transform: translateY(-40%);
  transform: translateY(-40%);
width: 500px;
text-align: center;
}

.vds-logo {
	
	border-radius: 50%;
-moz-border-radius: 50%;
-webkit-border-radius: 50%;
width: 150px;
height: 150px;
max-width: 150px;
-webkit-box-sizing: content-box;
box-sizing: content-box;
}

.title {
	
	font-family: 'AudiTypeExtended';
	font-style: bold;
	font-size: 26px;
	color: #FFF;
}

.descr {
	
	font-size: 18px;
	color: #FFF;
}

.con-link {

	background-color: #FFF;
	color: #000;
	padding: 12px;
	margin-bottom: 20px;
	border-radius: 30px;
	

}

.con-link a{

	color: #d0112b;
	text-decoration: none;
	

}

@media screen and (max-width: 556px) {
	
	.content-box {

		-webkit-transform: translateY(0%);
		-ms-transform: translateY(0%);
		transform: translateY(0%);
		position: relative;
		top: 35px;
		width: 100%;
		text-align: center;
		display: table-row;

}
	
	.content {
		
		padding-left: 15px;
		padding-right: 15px;
		height: 700px;
	}
	
	.background {
	
		display: table; 
		position: absolute;
	}
	
	.footer {
	
		height: 40px;
		background-color: #d0112b;
	}
	
}