a{color:black;text-decoration:none;}
a:hover{color:black;text-decoration:none;}
a:visited{color:black;font-style:none;text-decoration:none;}
a:active, a:focus{outline:none;}
* {-webkit-font-smoothing: antialiased;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
html {-webkit-text-size-adjust: none;}

#gradient-top{display:none;}

#menu{		line-height:			10vmax;
			font-family:			Graphik-Semibold, sans-serif;
			opacity: 				1;
			top:  					18px;
			width:					100%;
			height:					10%;
			margin-left:			-10px;
			text-align:				justify-all;
			letter-spacing: 		-0.03em;
			z-index:				100;
			position:				fixed;}

.menu{		margin-right:27px;font-size:3vmax;text-align:right;margin-top:-3vmax;}
.picto{		display:none;}
.art{		display:none;}
.projects{	display:none;}
.news{		display:none;}
.press{		display:none;}
.agency{	display:none;}
#instagram{	display:none;}

#grid{		line-height:			4vw;
			font-size:				4.8vw;
			font-family:			Graphik-Semibold, sans-serif;
			letter-spacing: 		-0.03em;
			opacity: 				1;
			top:  					33%;
			width:					94%;
			left:					3%;
			z-index:				98;
			text-align:				center;
			position: 				absolute;}

.project{	width:					100%;
			text-align:				center;}

#category{	display:				none;}
.tags{		display:				none;}

#picto{		line-height:			4vmax;
			font-size:				6vmax;
			font-family:			Graphik-Semibold, sans-serif;
			opacity: 				1;	
			position: 				absolute;
			top:					27px;
			left:					27px;
			z-index:				100;
			letter-spacing: 		-0.03em;
			position:				fixed;}

#agence{	line-height:			4vmax;
			font-size:				3vmax;
			font-family:			Graphik-Semibold, sans-serif;
			opacity: 				1;
			top:					15%;
			left:					27px;
			width:					48%;
			z-index:				99;
			text-align: 			left;
			letter-spacing: 		-0.03em;
			position: 				absolute;}
.equipe{	line-height:			4.5vw;
			font-size:				3vw;
			width:					90%;
			font-family:			Graphik-Regular, sans-serif;
			vertical-align: 		top;
			text-align:				left;}

#presentation{
			line-height:			4.5vw;
			font-size:				3vw;
			font-family:			Graphik-Regular, sans-serif;
			opacity: 				1;
			top:					15%;
			left:					52%;
			width:					46%;
			z-index:				99;
			text-align: 			left;
			letter-spacing: 		-0.03em;
			position: 				absolute;}
.presentation{width:100%;}
.biographie{width:100%;}

#copyright {display:none;}

@font-face{
			font-family:			'Graphik-Semibold';
			font-weight:			normal;
			font-style:				normal;
			src:					url('https://www.raflistowski.com/css/font/Graphik-Semibold.eot');
			src:					url('https://www.raflistowski.com/css/font/Graphik-Semibold.eot?#iefix') format('embedded-opentype'),
									url('https://www.raflistowski.com/css/font/Graphik-Semibold.woff') format('woff'),
									url('https://www.raflistowski.com/css/font/Graphik-Semibold.woff2') format('woff2'),
									url('https://www.raflistowski.com/css/font/Graphik-Semibold.ttf') format('truetype'),
									url('https://www.raflistowski.com/css/font/Graphik-Semibold.svg#font') format('svg');}

@font-face{	font-family:			'Graphik-Regular';
			font-weight:			normal;
			font-style:				normal;
			src:					url('https://www.raflistowski.com/css/font/Graphik-Regular.eot');
			src:					url('https://www.raflistowski.com/css/font/Graphik-Regular.eot?#iefix') format('embedded-opentype'),
									url('https://www.raflistowski.com/css/font/Graphik-Regular.woff') format('woff'),
									url('https://www.raflistowski.com/css/font/Graphik-Regular.woff2') format('woff2'),
									url('https://www.raflistowski.com/css/font/Graphik-Regular.ttf') format('truetype'),
									url('https://www.raflistowski.com/css/font/Graphik-Regular.svg#font') format('svg');}