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;}

#gradient-top{
			width:					100%;
			height:					16%;
			top:					0%;
			left:					0%;
			background:				linear-gradient(to top, rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1), rgba(255,255,255,1));
			z-index:				98;
			position:				fixed;}

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

.menu{		display:none;}
.picto{		line-height:			4vmax;
			font-family:			Graphik-Semibold, sans-serif;
			opacity: 				1;
			top:  					18px;
			margin-left:			27px;
			width:					10%;
			height:					7%;
			text-align:				left;
			position: 				fixed;}
.projects{	width:14.5%;margin-left:8%;display:inline-block;text-align:left;font-family:Graphik-Semibold, sans-serif;}
.art{		width:7.5%;display:inline-block;text-align:left;}
.news{		width:20%;display:inline-block;text-align:left;}
.press{		width:13%;display:inline-block;text-align:left;}
.agency{	width:17.5%;display:inline-block;text-align:left;}

#instagram{	line-height:			4vmax;
			font-size:				1.5vmax;
			font-family:			Graphik-Semibold, sans-serif;
			opacity: 				1;
			top:  					13px;
			height:					5%;
			right:					2%;
			z-index:				500;
			text-align:				right;
			position: 				fixed;}

#grid{		line-height:			1.5vmax;
			font-size:				1.5vmax;
			font-family:			Graphik-Semibold, sans-serif;
			opacity: 				1;
			top:  					25vmin;
			width:					96%;
			max-width:				1450px;
			margin-left:			auto;
			margin-right:			auto;
			padding-left:			2%;
			padding-right:			2%;
			z-index:				98;
			text-align:				justify;
			position: 				relative;}

.project{	width:					28%;
			display:				inline-block;
			text-align:				center;
			vertical-align: 		bottom;}
.project img{
			-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.2);
			-moz-box-shadow: 0 0 10px rgba(0,0,0.2);
			box-shadow: 0 0 10px rgba(0,0,0,0.2);
			background: #ffffff;
			border: 0px;}

#category{
			line-height:			3vmax;
			font-size:				1.5vmax;
			font-family:			Graphik-Regular, sans-serif;
			opacity: 				1;
			top:  					9%;
			width:					96%;
			left:					2%;
			text-align:				justify-all;
			z-index:				99;
			position: 				fixed;}
.tags{		width:					100%;
			display:				inline-block;
			text-align:				left;}

#picto	 {	display:none;}

#agence{	display:none;}

#copyright {opacity: 				1;	
			font-size:				1vmax;
			line-height:			1vmax;
			font-family:			Graphik-Regular, sans-serif;
			position: 				fixed;
			bottom:					21px;
			right:					27px;
			color:					black;
			text-align:				right;
			max-width: 				100%;
			letter-spacing: 		-0.03em;
			z-index:				100;}

@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');}