@font-face {
    font-family: 'TeXGyreTermesBold';
    src: url('../fonts/texgyretermes-bold-webfont.eot');
    src: url('../fonts/texgyretermes-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/texgyretermes-bold-webfont.woff') format('woff'),
         url('../fonts/texgyretermes-bold-webfont.ttf') format('truetype'),
         url('../fonts/texgyretermes-bold-webfont.svg#TeXGyreTermesBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoLight';
    src: url('../fonts/Roboto-Light-webfont.eot');
    src: url('../fonts/Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Light-webfont.woff') format('woff'),
         url('../fonts/Roboto-Light-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Light-webfont.svg#RobotoLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'RobotoBlack';
    src: url('../fonts/Roboto-Black-webfont.eot');
    src: url('../fonts/Roboto-Black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Black-webfont.woff') format('woff'),
         url('../fonts/Roboto-Black-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Black-webfont.svg#RobotoBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}



/* 
	12 COLUMN - RESPONSIVE GRID SYSTEM
	DEVELOPED BY DENIS LEBLANC
	URL - http://responsive.gs
	VERSION - 2.0
	LICENSED UNDER GPL & MIT
*/


/* 	SET ALL ELEMENTS BOX-SIZING TO BORDER-BOX */
* { -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
	margin: 0; padding: 0;
}

/* MAIN CONTAINER */
.container { margin: 0 auto; height: 100%; }


/* SELF CLEARING FLOATS - CLEARFIX METHOD */
.row:after, .col:after, .clr:after, .group:after { 
	content: ""; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}


/* DEFAULT ROW STYLES */
.row { /*margin-bottom: 1.5em;  padding-top: 1.5em; */ } /* set according to preference*/
			
								  
/* DEFAULT COLUMN STYLES */
.col {
	display: block;
	float: left;
	width: 100%;
	
 }

@media ( min-width : 768px ) {
	.col {
		margin-left: 4%;
	}
}
 
/* RESET MARGINS */
.col:first-child { margin-left: 0; }


@media ( min-width : 768px ) {
	.span_1 { width: 0.33333333333333%; }
	.span_2 { width: 4.66666666666666%; }
	.span_3 { width: 8.99999999999999%; }
	.span_4 { width: 13.33333333333332%; }
	.span_5 { width: 17.66666666666665%; }
	.span_6 { width: 21.99999999999998%; }
	.span_7 { width: 26.33333333333331%; }
	.span_8 { width: 30.66666666666664%; }
	.span_9 { width: 34.99999999999997%; }
	.span_10 { width: 39.3333333333333%; }
	.span_11 { width: 43.66666666666663%; }
	.span_12 { width: 47.99999999999996%; }
	.span_13 { width: 52.33333333333329%; }
	.span_14 { width: 56.66666666666662%; }
	.span_15 { width: 60.99999999999995%; }
	.span_16 { width: 65.33333333333328%; }
	.span_17 { width: 69.66666666666661%; }
	.span_18 { width: 73.99999999999994%; }
	.span_19 { width: 78.33333333333327%; }
	.span_20 { width: 82.6666666666666%; }
	.span_21 { width: 86.99999999999993%; }
	.span_22 { width: 91.33333333333326%; }
	.span_23 { width: 95.66666666666659%; }
	.span_24 { width: 100%; }
}


/* GLOBAL STYLES */

body {
	background: #fff;
	font: 15px 'RobotoLight', Helvetica, Arial, sans-serif;
	color: #000;
	width: 100%;
	letter-spacing: 1px;
}

#mainImage { width: 100%; height: 516px; text-align: center; }
.imgLeft { text-align: left; }
.imgRight { text-align: right; }

p { line-height: 25px; }

section, footer { padding: 60px 0; }
sup { text-transform: lowercase; }

.beige { background: #f9f9eb; color: #000;  }
.green { background: #007863; color: #fff; text-align: center; }
.white { background: #fff; color: #000; text-align: center; }
.grey { background: #dadada; color: #000; }

.map { width: 100%; height: 630px; margin: 0; padding: 0; }
#map-canvas { margin: 0; padding: 0; height: 100%; }


h1, h2, h3 { margin: 0; padding: 0; }
h1 { height: 56px; text-indent: -10000px; }
h2 { font: 60px 'RobotoBlack', Helvetica, Arial, sans-serif; letter-spacing: 2px; margin-bottom: 60px; }
#mainImage h2 { color: #fff; display: block; height: 170px; width: 100%; position: absolute; top: 50%; margin-top: -85px;  }
h2 span { font: 18px 'TeXGyreTermesBold', Times, 'Times New Roman', serif; color: #007863; text-transform: uppercase; display: block; }
h3 { font: 18px 'TeXGyreTermesBold', Times, 'Times New Roman', serif; text-transform: uppercase; margin-bottom: 35px; }

.beige h2, .beige h3 { color: #000; }
.green h2, .green h3 { color: #fff;}
.white h2, .white h3 { color: #007863; }
.grey h2, .grey h3 { color: #000; }

img { margin-bottom: 35px; text-align: center; }
img.portrait { display: block; margin: 60px auto 0 auto; }

a:link, a:visited { color: #666; text-decoration: underline; }
a:hover, a:active { color: #007863; }

td { padding: 0; line-height: 25px; }
td:first-child { padding-right: 20px; vertical-align: top;  }

.kern { margin-left: -0.12em; }
.kern2 { margin-left: -0.10em; }

/* MEDIA QUERIES */
/* Small desktop */
@media (min-width: 1024px) {
  .container {
    max-width: 900px; } 
}
    
/* Large desktop */
@media (min-width: 1200px) {
	.container {
		width: 95%;
    	max-width: 1140px; } 
}

/* Portrait tablet to landscape and desktop */
/*@media (min-width: 768px) and (max-width: 979px) { */
@media (min-width: 768px) and (max-width: 1024px) { 
	.container {
		max-width: 95%;
		width: 95%;
	}
}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
	* { text-align: center;  }
	.col { padding: 0 5%; }
	.imgLeft { position: absolute; width: 90px; height: 56px; right: 50%; margin: 0; padding: 0 0 0 0 }
	.imgRight { position: absolute; width: 56px; height: 56px; left: 50%; margin: 0; padding: 0 0 0 30px; } 
	img.portrait { display: inline; margin: 0 0 30px 0; }
	footer h3 { margin-top: 30px; padding: 0;  }
	.green img { padding-top: 20px; }
	table { text-align: left; margin: 0 auto; }
	td { text-align: left;  }
	td:first-child { padding-right: 20px; vertical-align: top;  }
	.white .container div:last-child h3 { margin-top: 30px; }
	.one .container div:last-child h3 { margin-top: 30px; }
	
}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
	* { text-align: center;  }
	.col { margin: 0; padding: 0 5%; }
	.imgLeft { position: absolute; width: 90px; height: 56px; right: 50%; margin: 0; padding: 0 0 0 0 }
	.imgRight { position: absolute; width: 56px; height: 56px; left: 50%; margin: 0; padding: 0 0 0 30px; } 
	img.portrait { display: inline; margin: 0 0 30px 0; }
	.green img { padding-top: 20px; }
	footer h3 { margin-top: 30px; padding: 0;  }
	.map { height: 400px; }
	#map-canvas { margin: 0; padding: 0; height: 100%; }

}