/*
 * Theme name: Responsive - media query file
 * Author: Chappell Creative Inc.
 * Author URI: http://chappellcreative.com
 * Version: 1.0
 */
 
@media (max-width: 900px) {
	.quote_wrapper {
		margin: 0;
	}
	.icon-wrapper {
		width: 25%;
		margin: 0 0 0 0;
	}
}
@media (max-width: 800px) {
	.logo  {
		margin: 0;
		width: 75%;
		padding: 0;
	}
	.site-title {
		padding: 0;
		margin: 40px 0 0 10px;
	}
	.tagline  {
		margin: 0;
		padding: 0;
		width: 25%;
	}
	.tag-title {
		padding: 0;
		margin: 50px 10px 0 auto;
	}
	
}
@media (max-width: 768px) {
	/* Disable menu */
	#access .menu ul#tiny {
		display: none;
	}
	/* Enable dropdown menu */
	#access {
		padding-top: 10px;
	}
	.selectnav {
		display: block;
		width:300px;
	}
	.quote_wrapper {
		margin: 30px 0 0 0;
		padding-top: 20px;
	}
	.quote_intro  {
		display: none;
		visibility: hidden;
	}
	.callbacks .caption {
		font-size: 0.8em;
		line-height:1.2em;
		color: #fff;
		padding: 5px 10px;
	}
}
@media (max-width: 700px) {
	.quote_wrapper {
		margin: 30px 0 0 0;
		padding-top: 20px;
		text-align: center;
		display: block;
		padding: 0;
		margin: 30px auto 25px;
		float: none;
		position: relative;
		width: 98%;
	}
	.btn-submit {
		max-width: 40%;
		border: none;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		overflow: hidden;
	}
	.btn-submit p {
		font-weight: bold;
		text-align: center;
		color: #EFEFEF;
		margin: 4px 0px 0px;
		padding: 0px;
		font-size: 1.25em;
		line-height: 1em;
	}
	.quote_intro  {
		display: block;
		visibility: visible;
		margin: 0.5em 10px 0.5em;
	}
	.callbacks {
		width: 98%;
		padding: 0;
		margin: 0 1% 25px;
		display: block;
		float: none;
	}
	/* Floated content doesn't work well at this size */
	.alignleft,
	.alignright {
		float: none;
	}
	.one-half, .one-third, .two-third, .three-fourth, .one-fourth, .one-fifth, .one-sixth {
		float: none;
		margin: 0 auto 25px auto;
		width: 95%;
		position: relative;
	}
	.icon-wrapper {
		width: 10%;
		margin: 0 2.5% 0 0;
	}
	.office_name {
		border-bottom: 1px dotted #666;
	}
	h2 {
		border-bottom: 1px dotted #369;	
	}
	.splitListL {
		margin: 0 auto;
		width: 95%
	}
	.splitListR {
		margin: 0 auto 25px auto;
		width: 95%
	}
}
@media (max-width: 500px) {
	.logo  {
		margin: 0 auto;
		width: 95%;
		padding: 0;
		float:none;
	}
	.site-title {
		padding: 0;
		margin: 10px 0 0 0;
	}
	.tagline  {
		margin: 0;
		padding: 0;
		width: 35%;
		float:none;
	}
	.tag-title {
		padding: 0;
		margin: 0 0 0 10px;
	}
}
@media (max-width: 480px) {
	/* Dropdown menu size */
	.selectnav {
		width: 50%;
	}
	.icon-wrapper {
		width: 15%;
		margin: 0 5% 0 0;
	}
}

@media (max-width: 320px) {
	/* Dropdown menu size */
	.selectnav {
		width: 70%;
	}
	.icon-wrapper {
		width: 20%;
		margin: 0 5% 0 0;
	}
	.logo  {
		margin: 0 auto;
		width: 99%;
		padding: 0;
		float:none;
	}
	.site-title {
		padding: 0;
		margin: 15px 0;
	}
	.tagline  {
		margin: 0 auto;
		padding: 0;
		width: 50%;
		float:none;
	}
	.tag-title {
		padding: 0;
		margin: 0 0 0 2px;
	}
	.callbacks .caption {
		display: none;
		visibility: hidden;
	}
	.quote_wrapper {
		margin: 5px 0 25px 0;
		padding-top: 20px;
	}
	.quote_wrapper p {
		margin: 0;
		padding: 0;		
	}
	.quote_intro  {
		display: none;
		visibility: hidden;
	}
	.btn-submit {
		max-width: 80%;
		border: none;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		overflow: hidden;
	}
	.btn-submit p {
		font-weight: bold;
		text-align: center;
		color: #EFEFEF;
		margin: 4px 0px 0px;
		padding: 0px;
		font-size: 1.25em;
		line-height: 1em;
	}
	h1,
	h1 a,
	h2,
	h2 a,
	h3,
	h3 a,
	h4,
	h4 a,
	h5,
	h5 a,
	h6,
	h6 a {
		line-height: 1.2em;
	}
	p, li {
		font-size: 1em;
		line-height: 1.5em;
		margin: 0 0 1.5em;
	}
}


/*
* print styles */
@media print {
	* { 
		background: transparent !important; 
		color: #444 !important; 
		text-shadow: none; 
	}
	a, a:visited { 
		color: #444 !important; 
		text-decoration: underline; 
	}
	a:after { 
		content: " (" attr(href) ")"; 
	}
	abbr:after { 
		content: " (" attr(title) ")"; 
	}
	.ir a:after { 
		content: ""; 
	}  

	/* Don't show links for images */    
	pre, blockquote { 
		border: 1px solid #999; 
		page-break-inside: avoid; 
	}
	img { 
		page-break-inside: avoid;
	}
	@page { 
		margin: 0.5cm; 
	}
	p, h2, h3 { 
		orphans: 3; 
		widows: 3; 
	}
 	h2, h3 { 
		page-break-after: avoid;
	}
}