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

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {

	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
}
	
/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }

body { 	line-height: 1; }

ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }

table {
	border-collapse: collapse;
	border-spacing: 0;
}

hr { display: none; }

	
/* Main Styles
--------------------------------------------- */

html, body {
	color: #07325C;
	font-family: Arial; sans-serif;
	font-size: 100%;
	min-width: 250px;
}

/*layout*/

#outer-wrap {
	background: #e4dee7;
	width: 100%;
	min-width: 250px;
	margin: 0 auto;
}

#logo-strip {
	background: #07325C;
	line-height: 0;
	margin: 0; padding: 0;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
}

#logo-wrapper {
	width: 80%; min-width: 250px;
	margin: 0 auto;
	padding: 1% 3% .65em;
	position: relative;
}

#logo img { float: left; }

#flag {
	width: 50px; min-width: 50px;
	position: absolute;
	top: 3.5em; right: 2.5em;
}

#phone-1 {
	color: white;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 4em;
	float: right;
}

#phone-2 {
	color: white;
	font-size: 1.4em;
	font-weight: bold;
	margin-top: 4em;
	float: right;
	display: none;
}

#nav-band {
	background-color: #6FAACF;
	margin: 0; padding: 0;
	border-bottom: 2px solid white; }

#nav-wrapper { width: 80%; margin: 0 auto; padding: 0; }

#river {
	width: 100%;
	margin: 0 auto;
	line-height: 0;
}

#serving {
	color: #07325C;
	font-size: .90em;
	font-weight: bold;
	text-align: right;
	width: 100%;
	padding: 2% 0;
	line-height: 0;
}	 

#inner-wrap {
	width: 80%;
	margin: 0 auto;
	box-shadow: 0px 2px 2px 0px rgba(51,51,51,0.25);
	 -webkit-box-shadow: 0px 2px 2px 0px rgba(51,51,51,0.25);
}

section {
	background: #EFECFE;
	font-size: .90em;
	width: 36%;
	margin: 0;
	padding: 0 2%;
	float: left;
}

section p { padding-bottom: 2%; }

#column-wrapper {
	text-align: left;
	margin: 0; padding-top: 1.5em;
	display: inline-block;	
	white-space: nowrap;
}

#column-1 {
	width: auto;
	margin: 0; padding: 0;
	display: inline-block;
}

#column-2 {
	width: auto;
	margin: 0; padding-left: 1.5em;
	vertical-align: top;
	display: inline-block;
}

article {
	background: #EFECFE;
	font-size: .90em;
	width: 46%;
	margin: 0;
	padding: 0 2%;
	float: left;
}

figure { 
	width: 28%;
	margin: .25em 1em 0 0;
	border: thin solid #A48EFF;
	line-height: 0;
	float: left;
}

#contact {
	line-height: 1.4;
	text-align: left;
	padding: 4% 0 6%;
}

#contact p:nth-of-type(2) { padding-bottom: .75em; }
#contact p:nth-of-type(3) { color: #438008; }

.row { display: flex; /* equal height of the children */ }

.col { flex: 1; /* additionally, equal width */ }

footer	{
	clear: both;
	background: #bfcbd8;
	margin: 0 auto;
	width: 80%;
	display: table;
	border-top: 10px solid #d9e0e8;
	box-shadow: 0px 2px 4px 0px rgba(51,51,51,0.5);
	 -webkit-box-shadow: 0px 2px 4px 0px rgba(51,51,51,0.5);
}

footer img { width: 150px; float: left; }

#footercontact-1 {
	color: #07325C;
	font-size: .80em;
	text-align: left;
	line-height: 1.2;
	padding: 1% 2%;
	float: left;
	display: block;
}

#footercontact-1:nth-child(4) { padding-bottom: 3%; }

#footercontact-2 {
	color: #07325C;
	font-size: .80em;
	text-align: left;
	line-height: 1.2;
	padding: 1% 2%;
	float: left;
	display: none;
}

#copy-strip {
	background: #07325C;
	text-align: right;
	width: 80%;
	margin: 0 auto;
	box-shadow: 0px 2px 4px 0px rgba(51,51,51,0.5);
	 -webkit-box-shadow: 0px 2px 4px 0px rgba(51,51,51,0.5);
}

#copyright {
	color: white;
	font-size: .70em;
	padding: 1% 2%;
}	

p { line-height: 1.4em; }

h2 {
	font-size: 2em;
	font-weight: normal;
	padding: 1em 0 .5em;
}

h2 img {
	width: 3%;
	padding: 0 2% .5%;
}

h3 {
	font-size: 1.5em;
	font-weight: normal;
	padding: 1em 0 .5em;
}
ul {
	line-height: 1.5;
}

ul { list-style: none; }

ul li:before {
  content: '✓';
  color: green;
  font-weight: bold;
}


@media screen and (max-width: 1200px) {
	#inner-wrap, #nav-wrapper, footer, #copy-strip { width: 90% }
	#logo-wrapper { padding: .75em 3% .60em 3%; width: 90%; }
	#flag { top: 3.25em; right: 1.85em; }
	#phone-1 { margin-top: 4em; }
	h2 { font-size: 1.75em; }
}	

@media screen and (max-width: 1000px) {
	#nav-wrapper, footer, #copy-strip  { width: 94%; padding: 0 3%; }
	#logo-wrapper { width: 94%; padding: .75em 3% .65em 3%; }
	#serving { padding: 2% 0; } 
	#inner-wrap { width: 100%; }
	#flag { top: 3.5em; right: 1.85em; }
	#phone-1 {font-size: 1.25em; margin-top: 4.5em; }
	h2 { font-size: 1.5em; }
	section { font-size: .90em; }
	article { font-size: .90em; }
}

@media screen and (max-width: 780px) {
	#logo-wrapper { padding: .65em 3% .55em 3%; width: 94%; }
	#logo-img { width: 140px; }
	#flag { width: 40px; min-width: 40px; top: 2em; right: 1.25em; }
	#phone-1 { font-size: 1.2em; margin-top: 3.25em; }
	#serving { font-size: .75em; padding: 1.5em 0; }
	#inner-wrap { width: 100%; }
	
	.row { display: block; }

	h2 { padding: 0 0 .5em; }
	h3 { padding: 1.25em 0 .5em; }
	
	section {
		width: 94%;
		padding: 2em 3% 0;
		font-size: .90em;
		line-height: 1.5; }
		
	section p { padding: 0; }
	
	figure	{
		width: 17%; min-width: 110px;
		margin: .25em 1em 0 0; }
		
	article {
		width: 94%;
		margin: 0;
		padding: 2em 3% 0;
		font-size: .9em;
		line-height: 1.5; }
		
	#contact { padding: 2% 0 4%; }

	footer { width: 94%; }
	
	footer img { min-width: 145px; }
	
	#footercontact-1 { padding: 1% 3%; }
}
	
@media screen and (max-width: 480px) {
	#flag { width: 35px; min-width: 35px; top: 2.5em; right: .75em; }
	#phone-1 { display: none; }
	#phone-2 { font-size: 1em; display: block; }
	#serving { font-size: .60em; text-align: left; padding: 1.25em 0 1em; }
	h3 { padding: 1em 0 .5em; }
	article { padding-top: 1.5em; }
	#contact { padding: 3% 0 6%; }
	#footercontact-1 { padding-top: 1%; }
	#copy-strip { text-align: left; }	
	#copyright { font-size: .55em; width: 100%; margin: 0; padding: 1% 0; }
	figure	{ display: none; }
}

@media screen and (max-width: 350px) {
	#logo-img { width: 120px; }
	#flag { width: 30px; min-width: 30px; top: 2em; right: .5em; }
	#phone-2 { font-size: 1em; display: block; margin-top: 3.25em; }	
	#serving { font-size: .55em; }
	section { font-size: .80em; }
	#column-wrapper { font-size: .90em; }
	#column-2 { padding-left: 1em; }
	article { font-size: .80em; padding-top: 1.5em; }
	#footercontact-1 { display: none; }
	#footercontact-2 { font-size: .75em; display: block; padding: 3% 0 3% 3%; float: left; }
	footer img { width:80px; min-width: 80px; }	
}