@media screen and (min-width: 1280px) {
	.wrapper, #headerlogo, .content, #footer {
		width: 1280px;
	}
}

@media screen and (max-width: 1280px) {
	.wrapper, #headerlogo, .content, #footer {
		width: auto;
	}

	#slideshow {
		height: auto;
	}
	
	#slideshow img {
		width: 100%;
		min-width: 400px;
		height: auto;
	}

}

@media screen and (max-width: 950px) {
	#slideshow-quote {
		font-size: 18px;
	}
}

@media screen and (max-width: 800px) {
	#homepage-practitioners .column, #homepage-practitioners .column:nth-child(3n+2) {
		width: 40%;
		margin: 0 5%;
	}
	
	
	
	#practitioner {
		background: url(images/shape-practitioners.png) right bottom no-repeat;
	}
	
	#practitioner .leftcolumn {
		width: 30%;
		padding-bottom: 30px;
	}
	
	#practitioner .middlecolumn, #practitioner .middlecolumn-wide {
		width: 60%;
	}
	
	#practitioner .rightcolumn {
		width: 64%;
		clear: both;
		margin: 0 0 0 34%;
		padding-top: 30px;
		float: none;
	}
	
	
	#fields .middlecolumn {
		width: 70%;
	}
	
	#fields .rightcolumn {
		clear: both;
		float: none;
		width: 90%;
		padding: 60px 5%;
		text-align: center;
	}
	
	.centered {
		background: none;
	}
	
}

@media screen and (max-width: 740px) {
	#slideshow-quote {
		display: none;
	}	
}

@media screen and (max-width: 600px) {
	#homepage-intro .column {
		width: 100%;
		float: none;
		margin: 0;
		padding: 0;
	}
	
	#homepage-intro .column ul {
		margin-bottom: 0;
		margin-top: 0;
	}
	
	.notice {
		margin-top: 40px;
	}
	
	.field-text {
		width: 90%;
		padding: 60px 5%;
		float: none;
	}

	.field-image {
		display: none;
	}	
	
	img.field-image-lower {
		display: block;
	}
	
	#homepage-practitioners .column, #homepage-practitioners .column:nth-child(3n+2) {
		width: 80%;
		margin: 0 10%;
	}
}

@media screen and (max-width: 500px) {
    	#navbar nav > ul {
		display: none;
	}

	a.anchor-link {
		display: block;
	}

	#navbar ul.open { 
		background-color: #fff;
		box-shadow: 1px 1px 6px #444;
		display: block;
		list-style: none outside none;
		margin: 0;
		padding: 0;
		position: absolute;
		left: 10%;
		top: 46px;
		width: 80%;
		z-index: 999;
	}

	#navbar ul.open li {
		float: none; 
		display: block;
		list-style: none;
		text-align: center;
		padding: 0;
		border-bottom: 1px solid #ccc;
	}

	#navbar ul.open li a {
		display: block;
		padding: 0 10px;
		line-height: 45px;
		color: #333;
		text-decoration: none;
	}

	#navbar ul.open li a:hover, #navbar ul.open li.current_page_item a {
		background: #bab9b9;
		color: #fff;
	}

	#navbar ul.open li:last-child {
		border-bottom: 0;
	}
}



@media screen and (max-width: 500px) {
	#practitioner .leftcolumn, #practitioner .middlecolumn, #practitioner .middlecolumn-wide, #practitioner .rightcolumn, #fields .leftcolumn, #fields .middlecolumn {
		width: 90%;
		margin: 0 5%;
		float: none;
	}
	
	#fields .leftcolumn {
		display: none;
	}
	
	a.faq-button {
		display: block;
	}
	
	#fields .rightcolumn h4 {
		border-top: 0;
		padding-top: 0;
	}
}