/*
	CSS file for MARTYS
*/


/*	General	
------------------------------*/
	
	* {
		padding: 0;
		margin: 0;
		outline: none;
		-webkit-font-smoothing: antialiased;
		-moz-osx-font-smoothing: grayscale;
	}
	
	.clearfix:after {
		visibility: hidden;
		display: block;
		font-size: 0;
		content: " ";
		clear: both;
		height: 0;
	}
	
	* html .clearfix,
	*:first-child+html .clearfix { 
		zoom: 1;
	}
	
	body {
		background: #000;
	}
	
	img {
		max-width: 100%;
	}
	
	a img {
		border: 0;
	}			
	
	a,
	svg,
	path,
	button {
		transition: all ease 0.4s;
	}
	
	.container {
		width: 94%;
		margin: 0 auto;
	}
	
	
	
/*	Header
-------------------------------------------*/
	
	header {
		display: flex;
		align-items: center;
		justify-content: center;
		height: 200px;
	}
	
		header img {
			display: block;
			margin: 0 auto;
		}


/*	Logos
-------------------------------------------*/

	.logos {
		max-width: px;
		display: flex;
		align-items: center;
		justify-content: center;
		flex-wrap: wrap;
		padding-top: 90px;
		min-height: calc(100vh - 400px);
	}
	
		.logos a {
			margin: 0 90px 90px 90px;
		}
	
		.logos img {
			display: block;
		}
	


/*	Responsive
-------------------------------------------*/

@media (max-width: 1023px)
{
	.logos a { margin: 0 50px 80px 50px; }
}

@media (max-width: 767px)
{
	header { height: auto; padding: 40px 0 60px 0; }
	header img { height: 18px; width: auto; }
	img { max-width: 100%; height: auto; }
	.logos { max-width: 200px; margin: 0 auto; padding-top: 0px; }
	.logos a { margin: 0 0 45px 0; }
}