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

/* fonts and typograhy
----------------------------------------------- */


@font-face {
    font-family: 'FrancoisOneRegular';
    src: url('francois-one/FrancoisOne-webfont.eot');
    src: url('/francois-one/FrancoisOne-webfont.eot?#iefix') format('embedded-opentype'),
         url('francois-one/FrancoisOne-webfont.woff') format('woff'),
         url('francois-one/FrancoisOne-webfont.ttf') format('truetype'),
         url('francois-one/FrancoisOne-webfont.svg#FrancoisOneRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* styles
----------------------------------------------- */

a {
  color: #00A0E3;
  text-decoration: none;
}

a:hover,
a:focus {
  color: #005580;
  text-decoration: underline;
}


.right {
	float:right;
}
.left {
	float:left;
}



footer {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	text-align:center;
	background:#000;
	border-top:1px solid #666;
	margin-top:3px;
	font-family: Arial;
}
#footer {
	margin:0 auto;
	padding:12px 0 20px 0;
	color:#eee;
}
#footer a:hover {
	color:#FFF140;
}
footer img.logo {
	width:220px;
	margin:8px auto 22px auto;
	display:block;
}
.footer-col {
	text-align:left;
	border-left:1px dotted #333;
	padding-left:30px;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	font-size:13px;
}
#footer p {
	font-size:12px;
	margin:15px 0 5px 0;
}
#footer p a {
	padding-left:15px;
}
.footer-col:first-child {
	border-left:none;
}
.footer-col:last-child {
	font-size:18px;
}
.footer-col ul {
	list-style:none;
}
.footer-col h3,
.footer-col-tablet h3 {
	font-family:'FrancoisOneRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-size:17px;
	margin:0 0 5px 0;
}
.footer-col h3 i {
	display:none;
}
.footer-col h4 {
	font-family:'FrancoisOneRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin-top:10px;
	font-size:15px;
	padding-top:10px;
	border-top:1px dotted #444;
}
.footer-col-tablet {
	display:none;
}
.footer-col-tablet h4 {
	font-family:'FrancoisOneRegular', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	margin-top:8px;
	font-size:15px;
	border-bottom:1px dotted #444;
	padding-bottom:8px;
}
.footer-col-tablet h4 a {
	color:#fff;
}
.footer-col-tablet li a i {
	font-size:20px !important;
}


/* RESPONSIVE ADJUSTMENTS
------------------------------------------------------------------------ */


/* Desktop Size */
@media (min-width: 1045px) {
	#footer {
		max-width:1250px;
	}
	.footer-col {
		width:205px;
	}
	.footer-col:last-child {
		width:220px;
	}
	.footer-col#mobile-footer {
		display:none;
	}
}

/* Tablet Landscape Size */
@media (max-width: 1044px) {
	#footer {
		width:600px;
	}
	.footer-col.left {
		display:none;
	}
	.footer-col-tablet {
		display:block;
		float:left;
		padding-right:30px;
		text-align:left;
		width:190px;
	}
	.footer-col-tablet ul {
		display:none;
		list-style:none;
		margin-bottom:12px;
	}
	.footer-col-tablet h3 {
		margin-bottom:5px;
		padding-bottom:5px;
		border-bottom:1px dotted #444;
	}
	.footer-col-tablet h3:hover {
		color:#00A0E3;
		cursor:pointer;
	}
	.footer-col-tablet h3 i {
		float:right;
	}
}


/* Mobile Landscape Size (devices and browsers) */
@media (max-width: 600px) {
	#footer {
		width:94%;
		margin:0 auto;
	}
	.footer-col.right {
		display:none;
	}
	.footer-col-tablet {
		width:300px;
	}
}





