@media all and (min-width : 481px)  {

@font-face {
	font-family : "Avenir";
	src : url("https://asset.vodify.fr/font/AvenirLTStd-Light.woff2");
	font-display : swap;
}

body {
	background-color : white;
	margin : 0;
	padding : 0;
	overflow-x : hidden;

	font-family : Avenir;
	font-size : 1.2vw;
	color : grey;
	background-color : black;
}

html {
  height : 100%;
}

div#selector {
	display : none;
}

div#keyboard {
	display : none;
}


/************************************************ HEADER ***********************************************/

div#header {
	display : none;
}

/************************************************* MENU ************************************************/

div.menu {
	display : none;
}

/************************************************ TITLE ***********************************************/

div#screen {
	display : none;
	position : relative;
	height : 100vh;
	background-color : black;
}

div#mosaic {
	display : none;
	position : fixed; 
	top : 0px;   
    background-color : black;
}

		/*.cover {
			position : relative;
		    width : 12.7vw; 
		    height : 12.7vw; 
		    margin : -0.25vw;
		}*/

		.cover {
			position : relative;
		    width : 12.7vw; 
		    height : 16.93vw; 
		    margin : -0.25vw;
		}

div#black_layer {
	position : fixed;
	top : 0px;
	left: 0px;
	width : 100vw;
	height : 100vh;
	background-color : black;
	opacity : 0.8;
}

img#webradio_logo {
	position : fixed;
	left : 1vw;
	top : 1vw;
	width : 8vw;
	border-radius : 0.8vw;
}


/********************************************* HOMEPAGE *********************************************/

div#info {
	display : none;
	position : relative;
	width : 45vw;
	top : 48%;
  	transform : translateY(-50%);
	margin-left : auto;
	margin-right : auto;
}

		img#vodoo_logo {
			position : relative;
			width : 45vw;
		}

		a.line {
		    display : block;
			margin-left : auto;
		    margin-right : auto;
			font-size : 1.5vw;
			text-align : center;
			color : white;
		}

		a#line_1 {
			font-size : 2vw;
		}

}


/********************************************* RIGTH / LEFT *********************************************/

img.arrow_page {
	display : none;
}

/********************************************* BUTTON *********************************************/

a.action, label.action, button.action {
	display : block;
	margin-top : 1vw;
	margin-left : auto;
	margin-right : auto;
	margin-bottom : 0.5vw;
	width : 10vw;
	color : black;
	font-size : 1.2vw;
	border-radius : 0.8vw;
	border : 0.2vw solid black;	
	padding : 0.5vw;
	background-color : rgb(255, 255, 255);
	text-align : center;
	text-decoration : none;
}

a.action {
	text-align : center;
}

		a.action:hover, label.action:hover, button.action:hover {
			cursor : pointer;
		}

/************************************************ SCROLL ***********************************************/

img#page_back {
	display : none;
}

img#page_up {
	display : none;
}

/************************************************ FOOTER ***********************************************/

div#footer {
	display : none;
}

}