/*******************************************************************************************************************************************  Responsive  */


@media only screen and (max-width : 1130px) {
	.hide-for-ipad {
		display: none;
	}
}

@media only screen and (max-width : 1023px) {
	
	html,
	body {
		overflow-y: auto !important;
	}
	
	body {
		height: auto !important;
	}
	
	header,
	section {
		position: relative !important;
		top:auto !important;
		left:auto !important;
		right:auto !important;
		bottom:auto !important;
	}
	
	[role="banner"] {
		width: 100%;
		padding-top: 3em;
		height: auto;
		text-align: center;
	}
	[role="banner"] .link {
		display: inline-block;
		position: relative;
		transform: rotate(0) !important;
		-webkit-transform: rotate(0) !important;
		-moz-transform: rotate(0) !important;
		width: auto !important;
		top:auto !important;
		left:auto !important;
		right:auto !important;
		bottom:auto !important;
	}	
	[role="banner"] .link.mobile-only + .link {
		padding-left: 2em;
	}
	
	section {
		padding: 4em 0;
	}
		#contact {
			padding: 0;
		}	
	
	#team, #brands {
		background: lightgrey;
	}
	
	#team .column {
		width: 80%;
	}
	
	.screen-only {
		display: none !important;
	}
	
	#brands .column {
		width: 44%;
	}
	#brands .column + .column {
		margin-left: 0;
	}
	
	section .float-title {
		position: relative;
		margin: 0 auto 1em auto !important;
		width: 100%;
		top:0;
		left:0;
		right:auto;
		bottom: auto;
		text-align: center;
		transform: rotate(0) !important;
		-webkit-transform: rotate(0) !important;
		-moz-transform: rotate(0) !important;
	}
	
	#team .column {
		margin: 4% auto;
		float: none;
	}
	
	#team .rep .desc {
		display: block !important
	}
	
	.container {
		height: auto;
		opacity: 1 !important;
	}
	
	.row.c3 > * {
		float: none;
		width: 100%;
		position: relative;
	}
	
	address > * + * {
		margin: 2em 0;
	}
	
	#contact article {
		height: auto;
	}
	
	#contact article .vertical-middle {
		top:auto;
		-webkit-transform: translateY(0);
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-o-transform: translateY(0);
		transform: translateY(0);
	}
	
	#contact h1 {
		background: #FFF;
		color: #393939;
/*		color: #0f346b;*/
		height: 5em;
	}
		#contact h1 span {
			border-color: #393939;
/*			border-color: #0f346b;*/
		}
		
	#contact footer {
		font-size: 0.85em;
		height: auto;
		padding-bottom: 1em;
	}
	
	.close {
		display: none;
	}
	
	.mobile-only {
		display: inline-block !important;
	}
	
	
}




@media only screen and (max-width : 600px) {
	
	body {
		font-size: 14px;
	}
	
	.logo {
		margin-top:10em;
		height: 10em;
	}
	
	.logo > * + * {
		margin-top: -10em;
	}
	
	#brands .brand > * {
		padding: 2em;
	}
	
	.alt {
		font-size: 1em;
	}
	
	section h1 {
		font-size: 2em;
	}

}