html {-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
h1{color: red;}


	body {
		font-family: 'Lato', sans-serif;
		font-size: 16px;
		font-weight: 300;
	}
	

	div.storyWrapper {
        width: calc(100% - 110px);
        float: right;
    }



	/* grid rules */
	.row {clear: both;}
	.limited {
		max-width: 1040px;
		margin: auto;
	}
	.column {float: left; padding: 0 2vw; margin: 0 0 .75rem 0;}
	.small-12 {width: 100%;}
    .small-6 {width: 50%;}

/* header rules */
header {
    background-color: #008080;
}
header img {
    float: left; 
    height: 85px;
    padding-right: 10px; 
    padding-top: 10px;
    
}
header h1, header h2 {
    margin: 0;
    color: #fff; 
    font-weight: 300;
    font-style: italic;
}
header h1 { 
	padding: .5rem 0 0 0; 
	font-size: 1.95rem;
}
header h2{
	padding: .2rem 0 0 0; 
	font-size:1.05rem;    
}


	button#hamburgerBtn { 
	background: none;
	border:none;	
	color: #fff;
	font-size: 2.4rem;
	cursor: pointer;
	padding: 0 30px 0 2vw;
	}

	

	/* nav {background-color: #23cfa7;} */ 

	nav {background-color: #2C2B2B;}
	nav ul {margin: 0; padding: 0;}
	nav li {list-style-type: none;}
	nav a {
		display: block;
		padding: .8rem 0;
		color: #eee;
		text-align: center;
		text-decoration: none;
	}	
	/* nav li.active {background-color: rgba(0,0,0,0.5);}	*/

	nav a:hover {background-color: rgba(0,0,0,0.2);}
	
	


	nav ul.open {display: block;}
	nav ul {display: none;}
	
    nav .dropdown-content {
		display: none;
		position: absolute;
		background-color: #f9f9f9;
  		min-width: 160px;
  		box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  		z-index: 1;
	}

	nav .dropdown-content a {
		color: black;
		padding: 12px 16px;
  		text-decoration: none;
  		display: block;
  		text-align: left;
	  }

	nav .dropdown:hover > .dropdown-content {
		display: block;
	  }

	#nav2 {display:none;
        visibility: hidden;
    }

	#nav1 {display:block;
		visibility:visible;
	}		



	main img {
        width: 100%;
        height: auto
}





main h1, main h3 {
    color: #627283;
    /* color: darkblue; */
    font-style: italic;
    margin: .5rem 0 .1rem 0;
    
}
main h1 {font-size: 2rem;}
main h3 {font-size: 1.2rem;}
main p {
    font-size: 1.2rem;
    margin: 0 0 .3rem 0;
}

.labeled {position: relative}

.labeled h6, .labeled p {
    position: absolute;
    background-color: rgba(255,255,255,.8);
    margin: 0;
    width: 100%;
    padding: .3rem 1rem;   
}
.labeled h6 {
    top: 0;
    font-size: 2rem;
    font-weight: 300;
}
.labeled p {
    bottom: 0;
    font-weight: 700;
    color: #b00;
}

	footer {
		background-color: #008080;
		font-size: 1rem;
	}
	footer h2 {
		font-style: italic;
		text-transform: uppercase;
		margin: 1rem 0 .3rem 0;
	}
	footer li {
		list-style-type: none;
	}
	
	
	
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}