@charset "UTF-8";
/* CSS Document */

/*FONT*/
@font-face {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

body {
	max-width: 1600px;
	margin: auto;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
}

.center {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
}

.headerCol img {
	width: 100%;
	height: auto;
	display: block;
}

.headerCol {
	width: 100%;
	float:none;
	margin: 0%;
}

h1 {
	color: #000000;
	text-align: center;
}

h2 {
	color: #000000;
	text-align:center;
}

p {
	color: #000000;
	text-align: left;
}

.button img {
	width: 100%;
	height: auto;
	display:block;
}

.button {
	width: 14.2857%;
	float:left;
	padding-bottom: 5px;
	padding-top: 5px;
}

.col img {
	width: 100%;
	height: auto;
	display:block;
}

.col {
	width: 32.33%;
	float: left;
	margin: 0.5%;
}


/*VERY_WIDE*/
@media (max-aspect-ratio: 50000/5) {
	
h2 { font-size: 24px; }	
p { font-size: 20px; }
	
.hideIn3 { display: none; }
.all { width: 90%; display: block; margin: 5%; }
.wide { display: block; }
.oneCol { display: none; }	
	
}


/*TABLET*/
@media (max-aspect-ratio: 6/5) {
	
h2 { font-size: 28px; }
p { font-size: 24px; }
	
.col { width: 49%; }
.hideIn2 { display: none; }
.hideIn3 { display: block; }
.all { width: 90%; display: block; margin: 5%; }	
.wide { display: block; }
.oneCol { display: none; }
	
}

/*MOBILE*/
@media (max-aspect-ratio: 6/8) {
	
h2 { font-size: 50px; }	
p { font-size: 42px; }

.col { width: 99%; }
.hidden-xs { display: none; }
.button { width: 25%; }
.hideIn2 { display:block; }
.hideIn3 { display: block; }
.all { width: 90%; display: block; margin: 5%; }
.wide { display: none; }
.oneCol { display: block; }
	
}