body{
background-position: center top;
background-color: #fff;
height: 100%;
font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}

h2 {
	font-size: 2em;	
}

.text {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 1.2em;	
}
.main-div{
	
    width: 960px;  
	text-align: center; 
	height: 550px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-left: -480px;
	margin-top: -275px;
}
.external-logos{
	width: 20%;
	margin-right: 1%;
	padding: 1%;
	display: inline-block;
	   font: 0/0 a;   
}
.external-logos:before {    /* create a full-height inline block pseudo=element */
    content: ' ';
    display: inline-block;
    vertical-align: middle;  /* vertical alignment of the inline element */
    height: 100%;
}

.external-logos img {
	width: 100%; 
	display: inline-block;
	vertical-align: middle;
	margin: auto;
	 vertical-align: middle;
}
@media all and (max-width: 960px) {
	.main-div{
		width: 100%;
		margin-left: -50%;
	}
}
/*

@media all and (max-width: 768px) {
	.main-div{
		 width: 100%;
	}
	.external-logos{
		display: block;
		margin-left: auto;
		margin-right: auto;
		float: none;
		width: 60%;
		height: auto;
	}
}
*/