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

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

h1{			top:  					2vmax;
			margin-top:				-4.5pt;
			letter-spacing:			3.5pt;
			font-size:				7pt;
			line-height: 			21pt;
			width:					155pt;
			left:					50%;
			height:					35pt;
			margin-left:			-77.5pt;
			display:				inline-block;
			text-align:				center;
			position:				fixed;
			font-weight:			normal;}

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

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

h5{			font-family:			HelveticaNeue, sans-serif;
			font-weight: 			normal;
			display:				inline;}

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

#menu{		line-height:			18pt;
			font-size:				9.5pt;
			font-family:			HelveticaNeue, sans-serif;
			text-transform: 		uppercase;
			opacity: 				1;
			width:					96%;
			left:					0%;
			z-index:				100;
			text-align:				justify-all;
			position: 				relative;}
.mobile{	display:none;}
.commande{	font-size:				22px;
			top:  					2vmax;
			left:					2vmax;
			display:				inline-block;
			text-align:				left;
			position:				fixed;}
.logo{		line-height: 			40pt;
			font-size:				40pt;
			top:  					2vmax;
			letter-spacing: 		2pt;
			width:					400pt;
			left:					50%;
			margin-left:			-200pt;
			display:				inline-block;
			text-align:				center;
			position:				fixed;}
.contact{	top:  					2vmax;
			right:					2vmax;
			display:				inline-block;
			text-align:				right;
			position:				fixed;}

#grid{		opacity: 				1;
			line-height:			16pt;
			font-size:				11pt;
			font-family:			HelveticaNeue, sans-serif;
			margin-top:  			17vmin;
			width:					96%;
			max-width: 				880px;
			margin-left:			auto;
			margin-right:			auto;
			z-index:				98;
			text-align:				center;
			position: 				relative;}
.grid{		width:					44%;
			display:				inline-block;
			margin-left:			2%;
			margin-right:			2%;
			vertical-align: 		top;
			text-align:				left;}

#category{
			line-height:			3vmax;
			font-size:				1.5vmin;
			font-family:			HelveticaNeue, sans-serif;
			opacity: 				1;
			top:  					15vmin;
			width:					96%;
			left:					2%;
			text-align:				justify-all;
			z-index:				98;
			position: 				absolute;}
.category-tags{
			width:					100%;
			display:				inline-block;
			text-align:				center;
			font-size:				1.5vmin;}

#copyright{
			line-height:			9pt;
			font-size:				9pt;
			text-align:				right;
			opacity: 				1;
			bottom:  				2vmax;
			width:					96%;
			right:					2vmax;
			z-index:				98;
			position: 				fixed;}

#picto	 {	display:none;}

/* Dropdown button */
.dropdown .dropbtn {
			line-height:			27pt;
			font-size:				9.5pt;
			text-transform: 		uppercase;
			border:					none;
			outline:				none;
			background-color:		inherit;
			font-family:			inherit; /* Important for vertical align on mobile phones */
			margin:					0; /* Important for vertical align on mobile phones */}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {}

/* Dropdown content (hidden by default) */
.dropdown-content {
			display:				none;
			position:				absolute;
			text-transform:			uppercase;
			font-size:				7pt;
			letter-spacing:			3.5pt;
			line-height:			16pt;
			margin-top:				-2pt;
			margin-left:			4pt;
			width:					140pt;
			z-index:				1;}

/* Links inside the dropdown */
.dropdown-content a {
			float:					none;
			display:				block;
			text-align:				left;}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
			color:					grey;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
			display:				block;}

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