img {
	max-width: 100%;
	height: auto;
}

 .flexBox div {
   min-width: 25%;
 }

@media only screen and (min-width: 601px) {
	body {
		min-width:1004px;
	}

  .flexBox {
  display: flex;
}

	div#page {
		width:1004px;
	}

	div#banner {
		height: 204px; /*EDIT for style:match height of banner bg image: prefer 80-170px*/
		width: 1004px;
	}

	div#horizNav {
		height:51px;
		width:1004px;
	}

	div#footer {
		height: 26px;
		width:1004px;
	}

	div#content {
		background: #FFFFFF;/*EDIT for style*/
		margin: 0 0 0 50px; /* EDIT for style: left margin for left navigation width */
		padding: 20px 50px 50px 0; /* EDIT for style: right padding for content margin (and left, if we are using horiz nav */
		text-align: left;
		min-height: 400px; /* EDIT for style: keeps the content area taller than the left column on the shortest page */
		/*_height:850px; EDIT for style: IE6 only*/

	}

	div#logo {/*usually we put the logo image directly into the div and give it a link to Home*/
		position: absolute;
		top: 50px; /*EDIT for style:logo div position */
		left: 0px; /*EDIT for style:logo div position */
		padding: 0; 
		margin: 0; 
		/*background: url(../images/logo.png) left top no-repeat transparent;*/
		width:85px; /*EDIT for style:logo image size */	
		height:85px; /*EDIT for style:logo image size */
		
	}

	div#JoanHParks {
		margin:0;
		padding:0;
		position:absolute;
		left:98px;
		top: 49px;
		font-family:'Raleway',Verdana, Arial, Helvetica, sans-serif;
		font-weight:300;
		font-size:70px;
		color:#f8e6c8;
	}

	div#bannerRight{
	/*holds the slogan, email and phone divs, floats right*/
		text-align: right;
		float:right;
		padding: 92px 0px 0 0; 
		margin: 0; 
		width:460px; /* EDIT for style */
	}

	div#horizNav {
		margin-: 0;
		padding: 0 0 0 5px;
		position:absolute;
		top:153px;
		left:0;
		font-family:'Raleway', Verdana, Arial, Helvetica, sans-serif;
		font-size: 16px;/*EDIT for style*/
		font-weight:700;/*EDIT for style*/
		color: #FFFFFF;/*EDIT for style*/
		background:url(../images/navbar_bg.jpg) 0 0 no-repeat transparent;/*EDIT for style*/
		/*height:51px;
		width:1004px;*/
	}

	li.nav-item, div#maximenuck116 ul.maximenuck li {
	    float: left;
	    text-align: center;
	    background: url(../images/divider.png) right top no-repeat transparent;
	    height: 51px;
	    margin: 0;
	    padding: 0;
	}

	div#maximenuck116 ul.maximenuck li.maximenuck.level1.active {
		background: url(../images/divider.png) right top no-repeat transparent;
	}

	li.nav-item:last-child, div#maximenuck116 ul.maximenuck li:last-child, div#maximenuck116 ul.maximenuck li.maximenuck.level1.active:last-child {
		background-image: none;
	}

	/* floated sidebars and pullquotes  --------------------- */
	.floatedSidebar {
		float: right;
		margin: 10px 0 5px 15px;  /* T R B L */
		padding: 12px;
		background: #fff5e4;/*EDIT for style*/
		border: 4px double #a48d69;/*EDIT for style*/
		width: 300px;
	}
	.floatedSidebar h3 {
		margin: 0;
		padding: 0;
		background:transparent;
		color: #7d2902;
		font-size:20px;
	}
	.floatedPullquote {
		float: right;
		margin: 10px 0px 15px 25px;
		padding: 20px 0px 10px 0px;
		width: 400px; 
	}
	.floatedPullquote p {
		margin: 0;
		font-size: 20px;/*EDIT for style*/
		font-weight:600;
		color: #a25029;/*EDIT for style*/
		padding: 0px 5px 0px 8px;
		text-align:center; 
	}
	p.quoteAttrib {
		font-size: 16px;/*EDIT for style*/
		text-align: right;
	}
	.floatedPullquoteSmaller {
		margin: 0;
		padding: 0px 0px 10px 0px;
		width:220px;
	}
	.floatedPullquoteSmaller p {
		margin: 0;
		font-size: 17px;/*EDIT for style*/
		font-weight:600;
		color: #a25029;/*EDIT for style*/
		padding: 0;
		text-align:left !important; 
	}
	p.quoteAttribSmaller {
		font-size: 14px;/*EDIT for style*/
		text-align: right !important;
	}
	/* floated sidebars and pullquotes ^ --------------------- */

	.floatedPhotoRight {
		float: right;
		margin: 23px 35px 5px 45px;

	}

	.floatedPhotoLeft {
		float: left;
		margin: 23px 45px 5px 40px;
	}

}

@media only screen and (max-width: 600px) {

	body, div#page, div#banner, div#footer {
		width: 100% !important;
	}

	div#bannerBG {
		background: url(../images/banner_rpt.gif) 0 0 repeat #4e1701 !important;
	}

	div#logo, div#JoanHParks, div#bannerRight, div#horizNav {
		position: relative !important;
		width: 100%;
		text-align: center;
		clear: both;
	}

	div#bannerBG, div#banner {
		height: auto !important; 
	}

	div#content {
		background: #FFFFFF;/*EDIT for style*/
		margin: 0; /* EDIT for style: left margin for left navigation width */
		padding: 20px 10px; /* EDIT for style: right padding for content margin (and left, if we are using horiz nav */
		text-align: left;
		/*min-height: 400px;  EDIT for style: keeps the content area taller than the left column on the shortest page */
		/*_height:850px; EDIT for style: IE6 only*/

	}

	div#logo {/*usually we put the logo image directly into the div and give it a link to Home*/
		position: relative;
		padding: 0; 
		margin: 0; 
		/*background: url(../images/logo.png) left top no-repeat transparent;*/
		width:85px; /*EDIT for style:logo image size */	
		height:85px; /*EDIT for style:logo image size */
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}

	div#JoanHParks {
		margin:0;
		padding:0;
		position:relative;
		font-family:'Raleway',Verdana, Arial, Helvetica, sans-serif;
		font-weight:300;
		font-size:36px;
		color:#f8e6c8;
	}

	div#bannerRight{
	/*holds the slogan, email and phone divs, floats right*/
		text-align: right;
		float:right;
		padding: 15px; 
		margin: 0; 
		width:100%; /* EDIT for style */
	}

	div#horizNav {
		margin-: 0;
		padding: 0;
		position:relative;
		font-family:'Raleway', Verdana, Arial, Helvetica, sans-serif;
		font-size: 18px;/*EDIT for style*/
		font-weight:700;/*EDIT for style*/
		color: #FFFFFF;/*EDIT for style*/
		background:url(../images/navbar_bg.jpg) 0 0 no-repeat transparent;/*EDIT for style*/
		/*height:51px;
		width:1004px;*/
	}

	li.nav-item, div#maximenuck116 ul.maximenuck li {
	    float: left;
	    text-align: center;
	    background: none;
	    height: auto !important;
	    margin: 0;
	    padding: 10px;
	    font-size: 24px;
	}

	li.nav-item a:link, li.nav-item a:visited, ul.maximenuck li a:link, ul.maximenuck li a:visited {
		padding: 25px 44px 25px 44px !important;  /*EDIT for style*/
	}	

	ul.maximenuck {
		background-color: #202020 !important;
	}

	.maximenumobiletogglericonck {
		background-color: transparent !important;
		color: #fff !important;
	}

	ul.maximenuck li, ul.maximenuck li a {
		font-size: 21px;
	}

	.maximenumobiletogglericonck:before {
		content: "Menu";
		margin-right: 15px;
		font-weight:  400;
	}

	p {
		padding: 0;
	}

	/* floated sidebars and pullquotes  --------------------- */
	.floatedSidebar {
		float: none;
		margin: 15px auto;  /* T R B L */
		padding: 12px;
		background: #fff5e4;/*EDIT for style*/
		border: 4px double #a48d69;/*EDIT for style*/
		width: 90%;
	}
	.floatedPullquote {
		float: none;
		margin: 0;
		padding: 20px 0px 10px 0px;
		width: 100%; 
	}
	.floatedPullquoteSmaller {
		margin: 0;
		padding: 0px 0px 10px 0px;
		width:100%;
	}
	/* floated sidebars and pullquotes ^ --------------------- */

	.floatedPhotoRight {
		float: none;
		margin: 23px 35px 5px 45px;

	}

	.floatedPhotoLeft {
		float: none;
		margin: 5px 15px 5px 20px;
	}
}