@import url("reset.css");
@import url("support.css");

html{ height: 100%; }
body{ position: relative; }
/*#parent{ padding: 0 0 130px; }*/
/*
.logos{ display: block; width: 100%; max-width: 1200px; margin: 13% auto 5%; overflow: hidden; text-align: center; }
	.logos a{ display: inline-block; width: 45%; max-height: 150px; margin: 0 0 60px; opacity: 1; text-align: center; transition: all 0.3s; vertical-align: middle; }
		.logos a:nth-child(3n+2){ margin: 0 1.9% 60px; }
		.logos a:hover{  }
		.logos a img{ display: inline-block; max-width: 75%; max-height: 150px; filter: grayscale(100); transition: all 1s; }
			.logos a:hover img{ filter: grayscale(0); transform: rotateY(-360deg); }
@media (max-width:1025px){
	.logos a img{ filter: grayscale(0); }
}
@media (max-width:770px){
	.logos a{ width: 45%; margin: 0 2% 60px; }
		.logos a:nth-child(3n+2){ margin: 0 2% 60px; }
		.logos a img{ filter: grayscale(0); }
}
@media (max-width:600px){
	.logos a{ width: 100%; margin: 0 0 30px; padding: 0 0 30px; border-bottom: solid 1px #cccccc; }
		.logos a:nth-child(3n+2){ margin: 0 0 30px; }
}
*/
#parent{ display: flex; align-items: center; justify-content: center; height: 90vh; }
.logos{ display: grid; grid-template-columns: repeat(2,1fr); gap: 100px 200px; }
	.logos a{ display: block; filter: grayscale(100); text-align: center; transition: all 1s; }
		.logos a img{ display: inline-block; height: 80px; }
		.logos a:hover{ filter: grayscale(0); transform: scale(1.05); }
#footer{ position: absolute; left: 0; bottom: 0; right: 0; /*background-color: #ed1c24;*/ }
	#footer .inner{ display: block; width: 100%; max-width: 1200px; margin: 0 auto; padding: 30px; text-align: center; }
		#footer .inner img{ display: inline-block; max-height: 50px; }
@media (max-width:600px){
	.logos{ display: grid; grid-template-columns: 1fr; gap: 50px; }
}