* {
    box-sizing: border-box;
}


html, body{
	margin:0; padding:0;
	position: relative;
	width:100%;
}
body{

	margin-bottom:260px;
	background-color:#478cbe; 
	/*background-image:url(../images/bkgd.jpg); */
   background-attachment:scroll; 
background-repeat:no-repeat;
}


@font-face {
font-family: 'Open Sans', san-serif;
}

.blue {
    background-color: #478cbe;
    padding-bottom: 2em;
}





.title{
/*	
color:#FFF;
width:auto;
background:rgba(0,0,0,0.8);
box-shadow: 0px 0px 8px rgba(0,0,0,0.98);	
*/
font-size:4em;
padding:.4em .4em;
color:#FFF; font-family: 'Open Sans', arial, sans-serif;
text-align: center;
}


h2 {
    font-size: 2.4em;
    font-weight: 800;
}
h3 {
    font-size: 2em;
}
h4 {
    font-size: 1.8em;
}
p {font-size: 1.6em;
font-family: Open Sans, sans-serif; 
padding-bottom: 0.4em;
}

h3, h5 { color:#000; font-family: 'Open Sans',Arial, Helvetica, sans-serif; }

h2, h4 { color:#000; /*font-family: 'Abel',Arial, Helvetica, sans-serif;*/ font-family: 'Open Sans', san-serif; font-style: italic; }



.bold {
	font-style:bold;
	font-size:1.2em;
}

a {
  text-decoration: none;
    	color:#478cbe;
}

a:hover {
	color:#478cbe;
	text-decoration:underline;
}

header {
    background-image: url('../images/header.png');
    background-repeat: no-repeat;
background-position:right bottom;
background-color:478cbe;
min-height: 400px;
}


#content {
	min-height:540px;	
	display:inline;
	position:relative;
	}

section {

  background-color:#fff;
  position:relative;
  float:left;
  margin:0 4%;
  	display:inline;
  }
  
section > img {
	margin:0% 16.66%;

	}

aside{
	position:relative;
	float:left;
	margin:2% 0%; 
}


nav {
background-color:#FFF;
width:100%;
height:3em;
clear:both;

}

nav ul {
    position:relative;
    width:420px;
  list-style: none;
  text-align: center;
  line-height:2em;
  height: 2em;
  margin:0 auto;
}

nav > ul > li > a {
  position:relative;
  display:inline;
  color:#478cbe;
  font-family: 'Open Sans';
  padding: .25em;
  float:left;
  font-size:1.8m;
font-weight:800;  
  }
  nav > ul > li:nth-of-type(1)  > a {
    border-right: 4px solid #478cbe;  
  }

.spacer {
    
    padding-bottom:4em;
}


  .image-full{
	display:inline; 
	position:relative;
	background:#fff;
	float:left;
  }
    .image-full > img{
	position:relative;
	padding:0;
	float:left;
/*	box-shadow: 0px 0px 12px rgba(0,0,0,0.98);	*/

  }


  
  .food{
	display:inline; 
	position:relative;
/*	background-color:#00A2C4; */
	float:left;
  }



  div.food > a {width:50%; }
  
 div.food > a > img { margin:0 16.66%; }
  
  div.food > a > p {  font-family:'Open Sans', arial, Helvetica, sans-serif; font-size:1.4em; line-height:2em; text-align:center;}
  
  footer{
	float:left;
	width:100%;
	min-height:260px;	
/*	background:url(../images/footer2.png) bottom center no-repeat; */
	background-color:#EEE;

}
  

footer > div > h2 {
		text-align:center; 
 
}


 footer > div {
	position:relative;
    float:left;	
	display:inline;
	

}

.phone {
	position:relative;
font-family: 'Open Sans', san-serif; font-style: italic;
    text-align:center;
	margin:0;
	padding:0;
	color:#fff;
    font-size:1.6em;

}

section > div > ul {display: table;  margin: 0 auto;}
section > div > ul > li {text-align: center; font-size:2em; color:#FFF; list-style-type: none; padding-bottom: 0.4em;}


.address {
    font-family: 'Open Sans', san-serif; font-style: italic;
	position:relative;
	text-align:center;
	margin:0;
	padding:0;	color:#fff;

}

.wht-txt {
color:#fff;
}

.blu-txt {
color:#478cbe;
}

.center > a {
color:#478cbe;	
}

.wht-brd {
    border:12px solid #FFF;
    border-radius: 2em;
}


.center { text-align:center; }

.social  { display:inline; position: relative; left: 80px;}


.menus {
    margin:0  8.33%;
    padding-bottom:4em;
}


footer > p {
	text-align:center;
}
 
footer > * { padding-top:20px ; } 
 
nav > ul > a:hover, nav > ul > a > li:hover {
  text-decoration: none;
  border-bottom: .125em solid #fff;
  color:#FFF;
}

.offset {
    
    position:relative;
    top:6px;
}

.photos{
	height:20%;
	display:block;
	background-color:#111;
}

.photos > img {
display:inline;
margin: .25em;
}

.noMargin
{
    
    margin:0;
    padding:0;
}

#menu { position:relative; height:40px; margin:0 auto; }



ul#menu > li { display:inline; font-size:18px; font-family:'Open Sans', arial, Helvetica, sans-serif; list-style:none; background:#888; margin:0 4%; position:relative; /*width:100px; height:32px; left:64px; text-align:center; line-height:24px; padding:10px;}

ul.menu > a > li { color:#000;  }
*/}
h2.title {
    color:#EEE;
    font-size: 2em;
}


ul#menu > a:hover { color:#FF0004; }

.links {float:left; font-family:'Open Sans', arial, Helvetica, sans-serif; font-size:1.6em; margin:0 4%; padding-bottom:1em;} 

#menu > * { font-size:18px; font-family:'Open Sans', arial, Helvetica, sans-serif; }

.IEfont { font-weight:bold;  }


 /* For mobile phones: */
[class*="col-"] {
    width: 100%;

}
@media only screen and (max-width: 419px){
section {margin: 0;}
	/* For tablets: */
    .col-p-1 {width: 8.33%;}
    .col-p-2 {width: 16.66%;}
    .col-p-3 {width: 25%;}
    .col-p-4 {width: 33.33%;}
    .col-p-5 {width: 41.66%;}
    .col-p-6 {width: 50%;}
    .col-p-7 {width: 58.33%;}
    .col-p-8 {width: 66.66%;}
    .col-p-9 {width: 75%;}
    .col-p-10 {width: 83.33%;}
    .col-p-11 {width: 91.66%;}
    .col-p-12 {width: 100%;}
    .title {font-size: 1.4em;}
    h2.title {font-size: 1em;}
nav > ul > li > a { font-size:0.8em;}
nav ul { width:calc(80vw);}
    header { min-height: 680px;}
    h2, h3, h4, h5, p {padding: 0.4em; }

}
	/*
    footer > p { margin:0; padding:0; }
	footer > a > img { margin:2% 0%; }	
 	.activity > img { margin:0 0 2% .4%; }
	div.food > a > p { margin:0; padding:0;}
	footer > * {margin:0 8.33%;}
	.map {margin:0 8%;}
	div.food > a > img { margin:0; }
	p { margin:0 4%; }
	    .image-full > img{ margin:2% 4%;}
 h1, h2, h3, h4 { margin:0 2%; }
	    .address, .phone, p.address:first-of-type {font-size:1em;}
*/


@media only screen and (min-width: 420px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
    
 	div.food > a > img { margin:0; }
	div.food > a > p { margin:0; padding:0;}
	footer > * {margin:0 8%;}
	.map  { margin:0 8.33%; }
 h1, h2, h3, h4 { margin:0 4%; }
    h1{ font-size:1.4em;}
	p { margin:0 6%; }
	    .image-full > img{ margin:2% 4%;}
    .address, .phone, p.address:first-of-type {font-size:1em;}
    .title {font-size: 2.6em;}
    h2.title {font-size: 2em;}
nav > ul > li > a { font-size:1.2em;}
nav ul { width:calc(60vw);}
    header { min-height: 700px;}

h2, h3, h4, h5, p {padding: 0.4em; }

}
@media only screen and (min-width: 720px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    nav > ul > li > a { font-size:1.4em;}
nav ul { width:460px;}
        header { min-height: 720px;}

 	div.food > a > img { margin:0 16.66%; }
 	.activity > img { margin:0 0 2% .75%; }
	.social  {left: 2%;}
	.map  { margin: 0 4%; }
	footer > * {margin:0 2%;}
	p { margin:0 8%; }
 h1, h2, h3, h4 { margin:0 6%; }
    .title {font-size: 3em;}
h2.title {font-size: 2em;}


}

@media only screen and (min-width: 960px) {
p { margin:0 10%; }
    .title {font-size: 4em;}
h2.title {font-size: 3em;}
nav > ul > li > a { font-size:1.8em;}
nav ul { width:460px;}
}

@media only screen and (min-width: 1240px) {
}