@font-face {
    font-family: 'dik';
    src: url('../fonts/2CEEF8_0_0.eot');
    src: url('../fonts/2CEEF8_0_0.eot?#iefix') format('embedded-opentype'),
         url('../fonts/2CEEF8_0_0.woff2') format('woff2'),
         url('../fonts/2CEEF8_0_0.woff') format('woff'),
         url('../fonts/2CEEF8_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'dun';
    src: url('../fonts/2CEEF8_1_0.eot');
    src: url('../fonts/2CEEF8_1_0.eot?#iefix') format('embedded-opentype'),
         url('../fonts/2CEEF8_1_0.woff2') format('woff2'),
         url('../fonts/2CEEF8_1_0.woff') format('woff'),
         url('../fonts/2CEEF8_1_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;

}

body{	
		
		margin:0; padding: 0; 
		background-color: #dbdbdb;
		font-family: 'dun';
		font-size: 13px;line-height: 1.4em;
	}

	body .logo{	
		position: absolute; 
		margin:0; padding: 0;
		left: 28%; top: 20%;
		transform:translate(-50%, -50%);
		webkit-transform:translate(-50%, -50%);
		border: none; text-decoration: none;
		width: 16em; height: 11em; display: block; 
		background: url(../img/VHM_logo.png) no-repeat center center; 
	  
	  	background-size: 100%;
	}

	article{position: absolute; width: 26em; left: 60%; top: 55%;transform:translate(-50%, -50%); webkit-transform:translate(-50%, -50%);}
	article p{margin: 0 0 1em; padding:0; }
	article h1{font-family: 'dik'; font-weight:400;font-size: 1.2em; margin: 0; padding:0; line-height: 1.4em;}


	a{color: #1D1D1B; }
@media screen and (min-width: 1300px) {
	body{font-size: 15px;}
}

@media screen and (min-width: 1500px) {
	body{font-size: 16px;}
}
@media screen and (min-width: 1600px) {
	body{font-size: 17px;}
}

@media screen and (max-width: 800px) {

	body .logo{
		position: relative;
		left:0; top:0;
		margin: 2em;
		transform:translate(0, 0);
		webkit-transform:translate(0, 0);
		float: left;

	}

	body article{
		position: relative;
		left:0; top:0;
		margin: 2em;
		transform:translate(0, 0);
		webkit-transform:translate(0, 0);
		float: left;

	}



}


@media screen and (max-height: 400px) {

	body .logo{
		position: relative;
		left:0; top:0;
		margin: 2em;
		transform:translate(0, 0);
		webkit-transform:translate(0, 0);
		float: left;

	}

	body article{
		position: relative;
		left:0; top:0;
		margin: 2em;
		transform:translate(0, 0);
		webkit-transform:translate(0, 0);
		float: left;

	}



}

@media screen and (max-height: 500px), (max-width: 500px) {

	body .logo{
		position: relative;
		left:0; top:0;
		margin: 2em;
		transform:translate(0, 0);
		webkit-transform:translate(0, 0);
		float: left;

	}

	body article{
		position: relative;
		left:0; top:0;
		margin: 2em;
		transform:translate(0, 0);
		webkit-transform:translate(0, 0);
		float: left;

	}

}

@media screen and (max-width: 400px) {
	body article{
		position: relative;
		left:0; top:0;
		margin: 5%;
		width: 90%;
		transform:translate(0, 0);
		webkit-transform:translate(0, 0);
		float: left;

	}
	}