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

body{		background-color:		#f2f2f2;
			color:					black;}

h1{			font-size:				6vw;
			font-family:			HelveticaNeue, sans-serif;
			display: 				inline;
			font-weight: 			normal;}

h2{			font-family:			HelveticaNeue, sans-serif;
			display: 				inline;
			font-weight: 			lighter;
			line-height:			4.5vw;
			font-size:				3vw;
			vertical-align: 		top;
			text-align:				left;}

h3{			font-family:			HelveticaNeue, sans-serif;
			display: 				inline;
			font-weight: 			lighter;
			line-height:			4.5vw;
			font-size:				3vw;
			vertical-align: 		top;
			text-align:				left;}

hr{ 		border:					0;
			width:					100%;
    		color:					black;
    		background-color:		black;
    		height:					1px;}

#menu{		line-height:			10vmax;
			font-family:			HelveticaNeue, sans-serif;
			opacity: 				1;
			top:  					18px;
			width:					100%;
			height:					10%;
			margin-left:			-10px;
			text-align:				justify-all;
			z-index:				100;
			position:				fixed;}
.mobile{	margin-left:27px;font-size:6vmax;text-align:left;}
.commande{	display:none;}
.press{		display:none;}
.projects{	display:none;}
.logo{		display:none;}
.design{	display:none;}
.about{		display:none;}
.contact{	display:none;}

#facebook{	display:none;}
#instagram{	display:none;}

#grid{		line-height:			4.5vw;
			font-size:				3vw;
			font-family:			HelveticaNeue, sans-serif;
			opacity: 				1;
			top:  					33vw;
			width:					92%;
			left:					4%;
			z-index:				98;
			text-align:				center;
			position: 				absolute;}
.grid{		width:					100%;
			display:				inline-block;
			vertical-align: 		top;
			text-align:				left;}
.grid-text{	width:					100%;
			display:				inline-block;
			vertical-align: 		top;
			text-align:				left;}

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

#copyright{display:none;}

#picto	 {	letter-spacing: 		2pt;
			text-transform:			uppercase;
			font-family:			HelveticaNeue, sans-serif;
			opacity: 				1;	
			position: 				absolute;
			top:					8vw;
			width:					75%;
			left:					50%;
			text-align:				center;
			transform: 				translateX(-50%);
			z-index:				100;
			position:				fixed;}

.dropdown {display:none;}
.dropbtn {display:none;}
.navbar {display:none;}
.dropdown-content {display:none;}

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

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