html{
	background:url("../img/background_voscilo2025.png") no-repeat center center fixed;
	-webkit-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
	height:100%;
	font-family:sans-serif;
	line-height:1.3em;
}


body{
	padding:0;
	margin:0;
}

h1{
	font-size:18px;
	margin-top:0;
	
	
}
div img{
	min-width:260px;
}
.wrap{
	margin:50px 80px;
	height:100%;
}

.text-wrap{
	padding-left:38px;
	color:white;
}


.info{
	display:flex;
	justify-content:flex-end;
	padding-top:18%;
	color:white;
	position:relative;
	font-size:42px;
	line-height:normal;
}

p{
	margin-top:0;
}

a{
	background-color:white;
	text-decoration:none;
	padding:5px 70px; 
	color:black;
	font-size:12px;
	white-space:nowrap;
	
}
a:hover{
	background-color:lightgray;
	
}

.voscilo_1{
	width:50%;
	
}



@media only screen and (max-width: 768px){
	.wrap{
	margin:50px 40px;
}

.text-wrap{
	width:40%;
}

.info{
	justify-content:flex-start;
	margin-left:35px;
}

.voscilo_1{
	width:100%;
}


@media only screen and (max-width: 425px){
	
	a{
	padding:5px 50px; 	
}
	.info{
	justify-content:flex-start;
	font-size:30px;
}

.voscilo_1{
	width:100%;
}

}

@media only screen and (max-width: 375px){
	.wrap{
	margin:50px 20px;

}

div img{
	min-width:80%;
}
.text-wrap{
	padding-left:11%;
}



}

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

.info{
	margin-left:30px;
}


}