/* MANDATORY */

* {margin: 0px; padding: 0px; box-sizing: border-box; background-repeat: no-repeat; background-position: 0px 0px;}
html, body {top: 0; left: 0; right: 0; height: 100%;}
table {border: none; border-collapse: collapse;}
table td, table th {padding: 0;}
ul, ol {list-style-type: none;}
img, iframe {border: none;}
input, textarea, select {-webkit-appearance:none; -moz-appearance:none; border-radius:0px;}

/* GLOBAL */

body {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 18px;
	line-height: 160%;
	text-align: center;
	color: #000000;
	background-color: #F0F0F0;
}

/* ELEMENTS */

div.bg-main {
	width: 100%;
	float: left;
	clear: both;
}

div.center {
	width: 1400px;
	margin: 0px auto;
	text-align: center;
}

div.main {
	width: 100%;
	float: left;
	clear: both;
}

div.main img {
	max-width: 100%;
	height: auto;
	float: left;
	clear: none;
}

div.logo-list {
	width: 100%;
	float: left;
	clear: both;
	padding: 40px 20px;
}

div.logo-item {
	width: calc(100%/3);
	float: left;
	clear: none;
	padding: 20px;
}

div.logo-item a {
	width: 100%;
	float: left;
	clear: none;
	display: block;
}

/* MEDIA-QUERIES */

@media screen and (max-width:1480px) {
	div.center {width:100%; float:left; clear:none;}
}

@media screen and (max-width:1080px) {
	div.logo-list {padding:10px;}
	div.logo-item {padding:10px;}
}

@media screen and (max-width:780px) {
	div.logo-item {width:calc(100%/2);}
}

@media screen and (max-width:540px) {
	div.logo-list, div.logo-item {padding:5px;}
}

@media screen and (max-width:480px) {
	div.logo-item {width:100%; clear:both;}
	div.logo-list, div.logo-item {padding:10px;}
}