:root {
	--header-color : 10, 35, 40;
 	--main-color : 10, 35, 40;
	--shadow-color : 5, 15, 20;
	--footer-color : 10, 35, 40;
	--font-color : 255, 255, 255;
	--action-color : 0, 0, 0;
	--header-opacity : 1;
	--shadow-opacity : 1;
}

@font-face {
	font-family : "Font";
	src : url("https://asset.vodify.fr/font/JosefinSans-Light.ttf");
}

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

:root {
	--font-size : 1.4vw;
	--line-height : calc(var(--font-size) * 1.2);
	--font-padding : 0.4vw;
	--radius : 1vw;
}

img#subscribe {
	margin-top : 1vw;
	width : 12vw;
	border-radius : 1vw;
	box-shadow : 0.4vw 0.4vw 0.4vw rgb(var(--shadow-color));

	-webkit-transition : all 0.2s ease;
	-moz-transition : 0.2s ease;
	-o-transition : all 0.2s ease;
	-ms-transition : all 0.2s ease;
	transition : all 0.2s ease;
}

		img#subscribe:hover {
			cursor : pointer;
			box-shadow : 0.8vw 0.8vw 0.8vw rgb(var(--shadow-color));

		 	-webkit-transform : scale(1.02); 
			-moz-transform : scale(1.02); 
			-ms-transform : scale(1.02); 
			-o-transform : scale(1.02); 
			transform : scale(1.02);
		}

a.screen_title_medium, a.screen_title_big { 
	color : white; 
	opacity : 0.5;
	line-height : calc(var(--font-size) * 1.6);
}

a.screen_title_medium 	{ font-size : calc(var(--font-size) * 1.4); }
a.screen_title_big 		{ font-size : calc(var(--font-size) * 1.5); }

a.mouse_over {
		text-decoration : none;
		color : white;
		opacity : 0.5;
	}

		a.mouse_over:hover {
			opacity : 0.8;
		}

}

@media all and (max-width : 480px)  {

:root {
	--font-size : 3.5vw;
	--line-height : calc(var(--font-size) * 1.2);
	--font-padding : 0vw;
	--radius : 0vw;
}

img#subscribe {
	margin-top : 1vw;
	width : 12vw;
	border-radius : 1vw;
	box-shadow : 0.4vw 0.4vw 0.4vw rgb(var(--shadow-color));

	-webkit-transition : all 0.2s ease;
	-moz-transition : 0.2s ease;
	-o-transition : all 0.2s ease;
	-ms-transition : all 0.2s ease;
	transition : all 0.2s ease;
}

		img#subscribe:hover {
			cursor : pointer;
			box-shadow : 0.8vw 0.8vw 0.8vw rgb(var(--shadow-color));

		 	-webkit-transform : scale(1.02); 
			-moz-transform : scale(1.02); 
			-ms-transform : scale(1.02); 
			-o-transform : scale(1.02); 
			transform : scale(1.02);
		}

a.screen_title_medium, a.screen_title_big { 
	color : white; 
	opacity : 0.5;
	line-height : calc(var(--font-size) * 1);
}

a.screen_title_medium 	{ font-size : calc(var(--font-size) * 1.2); }
a.screen_title_big 		{ font-size : calc(var(--font-size) * 1.3); }

a.mouse_over {
		text-decoration : none;
		color : white;
		opacity : 0.5;
	}

		a.mouse_over:hover {
			opacity : 0.8;
		}

}

}