/* Slideshow on smaller screens */
@media only screen and (min-width: 1151px) and (min-height: 600px) and 
	(max-height: 900px) and (orientation: landscape) {
	.slideshow-container div.slideshow div.slide1 h1 { 
		top:auto;
		bottom:225px;
	}
	.slideshow-container div.slideshow div.slide2 h2 { 
	    top:auto;
	    bottom:225px;
	}
	.slideshow-container div.slideshow div.slide2 blockquote {
	    bottom:75px;
	}
	.slideshow-container div.slideshow div.slide3 p {
		bottom:150px;
	}
	.slideshow-container div.slideshow div.slide4 blockquote {
	    bottom:100px;
	}
	.slideshow-container div.slideshow div.slide4.hide blockquote {
	    margin-bottom:-15px;
	}
}

/* Slideshow on smaller screens (height 600) */
@media only screen and (min-width: 1200px) and (min-height: 600px) and 
	(max-height: 799px) and (orientation: landscape) {
	.slideshow-container div.slideshow div.slide1 h1 { 
		top:auto;
		bottom:85px;
		color:#FFFFFF;
	}
	.slideshow-container div.slideshow div.slide1 h1 .accent-3 { 
		color:#FFFFFF;
	}
	.slideshow-container div.slideshow div.slide2 .slide-content-container {
	    width:75%;
	}
	.slideshow-container div.slideshow div.slide2 h2 { 
	    top:auto;
	    bottom:150px;
	}
	.slideshow-container div.slideshow div.slide2 blockquote {
	    bottom:75px;
	}
	.slideshow-container div.slideshow div.slide3 p {
		bottom:85px;
	}
	.slideshow-container div.slideshow div.slide4 blockquote {
	    bottom:85px;
	}
	.slideshow-container div.slideshow div.slide4.hide blockquote {
	    margin-bottom:-15px;
	}
}

/* Non-mobile devices */
@media only screen and (min-width: 481px), only screen and (min-height: 481px) and (orientation:landscape)  {
	.xs-only { display:none; }
}
/* Smaller laptop screens */
@media only screen and (min-width: 1151px) and (max-width: 1439px) {
	header.primary .phone a {
		display: block;
	}
	header.primary .phone a:first-child {
		margin-bottom: 5px;
	}
}

/* All tablets, portrait phablets, and all mobile devices */
@media only screen and (max-width: 480px), only screen and (max-height: 480px) and (orientation:landscape),
	only screen and (min-width: 481px) and (max-width: 719px) and (orientation: portrait),
	only screen and (max-width: 980px) and (min-width: 720px) and (orientation: portrait),
	only screen and (max-width: 1150px) and (min-width: 720px) and (orientation: landscape) { 
    .menu-btn { display:block; }
	header.primary.home nav.primary .logo, nav.primary .logo { 
		position:absolute;
		display:block;
		top:50%;
		left:50%; 
		-webkit-transform:translate(-50%,-50%); 
		    -ms-transform:translate(-50%,-50%); 
		        transform:translate(-50%,-50%);
		text-align:center;
	}
	header.primary .phone { 
		position:absolute;
		display:block;
		top:calc(50%); /* Half of the margin that we used for .icon-phone below */
		right:20px; 
		-webkit-transform:translateY(-50%); 
		    -ms-transform:translateY(-50%); 
		        transform:translateY(-50%);
	}
	header.primary .phone a {
		display: block;
	}
	header.primary .phone a:first-child {
		margin-bottom: 5px;
	}
	header.primary .phone .icon-phone { 
/*		position:absolute;
		top:-20px;
		left:50%;
		-webkit-transform:translateX(-50%);
		    -ms-transform:translateX(-50%);
		        transform:translateX(-50%);*/
	}
	header.primary .broad-gray {
		line-height:1.4;
		padding-top:50px;
		min-height:175px;
	}
	#menu {
		position:absolute;
		display:none;
		top:100%;
		left:0;
		width:100%;
		height:auto;
		padding-top:15px;
		background-color:#222222;
	    background-image:url(../img/stripes.png);
	}
	#menu li {
		float:none;
		display:block;
	}
	nav.primary ul li {
		text-align:center;
		margin:15px 0;
	}
	nav.primary ul li.selected {
		border-bottom:none;
	    padding-bottom:inherit;
	    margin-top:inherit;
	}
	nav.primary ul li:hover ul { /* Disable hover action for submenus */
		display:none;
	}

	.slideshow-container div.slideshow div.slide4 h2 {
	    width: 80%;
	    top: 50%;
	    font-size: 2rem;
	}
	.slideshow-container div.slideshow div.slide4 .content {
		color: #222222;
		font-size: 0.925rem;
	    bottom: 100px;
	}
	.slideshow-container div.slideshow div.slide4 .starburst-container {
		top: 40%;
	    transform: translateX(-50%) rotate(-30deg);
	}
	.slideshow-container div.slideshow div.slide4 .button {
		display: inline-block;
		margin-top: 0px;
	}
}

/* Portrait tablets, portrait phablets, and mobile devices */
@media only screen and (max-width: 480px), only screen and (max-height: 480px) and (orientation:landscape),
	only screen and (min-width: 481px) and (max-width: 719px) and (orientation: portrait),
	only screen and (max-width: 980px) and (min-width: 720px) and (orientation: portrait) { 

	@-ms-viewport {
		width: device-width;
	}
	@viewport {
		width: device-width;
	}

	.col-sm-1 { float:left; width:8.333333%; }
	.col-sm-2 { float:left; width:16.666666%; }
	.col-sm-3 { float:left; width:25%; }
	.col-sm-4 { float:left; width:33.333333%; }
	.col-sm-5 { float:left; width:41.666666%; }
	.col-sm-6 { float:left; width:50%; }
	.col-sm-7 { float:left; width:58.333333%; }
	.col-sm-8 { float:left; width:66.666666%; }
	.col-sm-9 { float:left; width:75%; }
	.col-sm-10 { float:left; width:83.333333%; }
	.col-sm-11 { float:left; width:91.666666%; }
	.col-sm-12 { float:left; width:100%; }
	.offset-sm-0 { margin-left:0; }
	.offset-sm-1 { margin-left:8.333333%; }
	.offset-sm-2 { margin-left:16.666666%; }
	.offset-sm-3 { margin-left:25%; }
	.offset-sm-4 { margin-left:33.333333%; }
	.offset-sm-5 { margin-left:41.666666%; }
	.offset-sm-6 { margin-left:50%; }
	.offset-sm-7 { margin-left:58.333333%; }
	.offset-sm-8 { margin-left:66.666666%; }
	.offset-sm-9 { margin-left:75%; }
	.offset-sm-10 { margin-left:83.333333%; }
	.offset-sm-11 { margin-left:91.666666%; }
	.sm-align-left {text-align: left;}
	.sm-align-center {text-align: center;}
	.sm-align-right {text-align: right;}


	.slideshow-wrapper .logo { top:50px; }
	.slideshow-container div.slideshow h1 { width:75%; }
	.slideshow-container div.slideshow div .slide-content-container {
		width:70%;
		top:40%;
	}
	.slideshow-container div.slideshow div.slide2 blockquote { bottom:15%; }
	.slideshow-container div.slideshow div.slide3 p {
		line-height:1.4;
		top:35%;
		width:65%;
	}
	.slideshow-container div.slideshow div.slide4 blockquote {
		width:75%;
	}
	.slideshow-container div.slideshow div.slide4 h2 {
	    width: 70%;
	    font-size: 2.25rem;
	}

	section.content {
		padding-left:10px;
		padding-right:10px;
	}
	section.content h2 {
		font-size:1.5rem;
	}
	.staff-bios section:nth-child(3n-2) { clear:none; }
	.staff-bios section:nth-child(odd) { clear:left; }
	section.content.contact-map { padding:0; }

	.client-form:after {
		content:'';
		clear:both;
		display:block;
	}
	.client-form > .tabs {
		display:block;
		width:15%;
		float:left;
	}
	.client-form > div {
		width:85%;
		float:left;
	}
	.client-form > .tabs li a {
		padding:26px 5px 10px;
	}
	.side-tabs-container {
		min-height:300px;
	}
	.side-tabs-container .tabs {
		width: 20%;
	}
	.side-tabs-container .tabs-content {
		width: 80%;
	}
	footer.primary {
		padding-left:10px;
		padding-right:10px;
	}
	footer.primary .email-address {
		text-align: left;
	}
	section.copyright {
		height:auto;
		padding:10px;
	}
	section.copyright div { line-height:1.3; }
}

/* All Mobile devices */
@media only screen and (max-width: 480px), only screen and (max-height: 480px) and (orientation:landscape)  {
	[class*=col-] {
		float:none;
		width:100%;
	}
	[class*=col-xs-] {
		float:left;
		width:auto;
	}
	.col-xs-1 { float:left; width:8.333333%; }
	.col-xs-2 { float:left; width:16.666666%; }
	.col-xs-3 { float:left; width:25%; }
	.col-xs-4 { float:left; width:33.333333%; }
	.col-xs-5 { float:left; width:41.666666%; }
	.col-xs-6 { float:left; width:50%; }
	.col-xs-7 { float:left; width:58.333333%; }
	.col-xs-8 { float:left; width:66.666666%; }
	.col-xs-9 { float:left; width:75%; }
	.col-xs-10 { float:left; width:83.333333%; }
	.col-xs-11 { float:left; width:91.666666%; }
	.col-xs-12 { float:left; width:100%; }
	.offset-xs-0 { margin-left:0; }
	.offset-xs-1 { margin-left:8.333333%; }
	.offset-xs-2 { margin-left:16.666666%; }
	.offset-xs-3 { margin-left:25%; }
	.offset-xs-4 { margin-left:33.333333%; }
	.offset-xs-5 { margin-left:41.666666%; }
	.offset-xs-6 { margin-left:50%; }
	.offset-xs-7 { margin-left:58.333333%; }
	.offset-xs-8 { margin-left:66.666666%; }
	.offset-xs-9 { margin-left:75%; }
	.offset-xs-10 { margin-left:83.333333%; }
	.offset-xs-11 { margin-left:91.666666%; }
	.xs-hide { display:none; }
	.xs-align-left {text-align: left;}
	.xs-align-center {text-align: center;}
	.xs-align-right {text-align: right;}

	header.primary.home nav.primary .logo, nav.primary .logo { 
		left:110px;
	}

	.slick-prev[style] { display:none !important; }
	.slick-next[style] { display:none !important; }

	.slideshow-container div.slideshow h1 {
		font-size:1.15rem;
		top:35%;
		width:90%;
	}
	.slideshow-wrapper .logo {
		max-height:25%;
	}
	.slideshow-container div.slideshow h2 { font-size:1.05rem; }
	.slideshow-container div.slideshow blockquote { font-size:1rem; }
	.slideshow-container div.slideshow blockquote:before { color: rgba(25,25,25,.2); }
	.slideshow-container div.slideshow div.slide2 blockquote { display:none; }
	.slideshow-container div.slideshow div.slide3 p {
		font-size:.875rem;
		line-height:1.2;
		top:55%;
		bottom:auto;
		-webkit-transform:translate(-50%,-50%);
		    -ms-transform:translate(-50%,-50%);
		        transform:translate(-50%,-50%);
		width:90%;
	}
	.slideshow-container div.slideshow div.slide4 blockquote {
		font-size:.8125rem;
		line-height:1.2;
		color:#333333;
		top:55%;
		bottom:auto;
		-webkit-transform:translate(0,-50%);
		    -ms-transform:translate(0,-50%);
		        transform:translate(0,-50%);
		width:90%;
		left:0;
	}
	.slideshow-container div.slideshow div.slide4 h2 {
	    margin-top: -25px;
	    font-size: 1.25rem;
	    width: 90%;
	}
	.slideshow-container div.slideshow div.slide4 .content {
		color: #222222;
		font-size: 0.925rem;
	    bottom: 80px;
		padding-left:10px;
		padding-right:10px;
	}
	.slideshow-container div.slideshow div.slide4 .starburst-container {
		display: none;
	}
	.slideshow-container div.slideshow div.slide4 .button {
		display: inline-block;
		margin-top: 0px;
	}
	header.primary .broad-gray {
		margin-top:20px;
		padding-top:30px;
		min-height:120px;
		line-height: 1.2;
		font-size:1.5rem;
	}
	section.content blockquote { font-size:1.1rem; }
	section.content blockquote p { padding:25px 0 0 0; }
	section.content blockquote p:before { font-size:6rem; }
	.form-buttons .button {
		margin-bottom:15px;
	}

	.client-form > .tabs {
		display:block;
		width:35%;
		float:left;
	}
	.client-form > div {
		width:65%;
		float:left;
	}
	.side-tabs-container {
		min-height:550px;
	}
	/* This style relies on no container having position:relative until .client-form */
	.side-tabs-container .tabs {
		position:absolute;
		width: 35%;
		left:0;
	}
	.side-tabs-container .tabs li a {
		padding-left:8px;
		padding-right:8px;
	}
	.side-tabs-container .tabs-content {
		width: 95%;
	}

	footer.primary address, footer.primary .email-address { text-align: center; }
	footer.primary .button {
		display:block;
		float:none;
		margin:10px 20px;
	}
}


/* Mobile: portrait; */
@media only screen and (max-width: 480px) and (orientation:portrait) {
}

/* Mobile: landscape; */
@media only screen and (max-height: 480px) and (orientation:landscape) {
}

/* Tablet: Landscape */
@media only screen and (max-width: 1150px) and (min-width: 720px) and (orientation: landscape) {
	.slideshow-container div.slideshow h1 { width:90%; }
	.slideshow-container div.slideshow div.slide2 blockquote {
		bottom:75px;
	}
	.slideshow-container div.slideshow div.slide3 p {
		bottom:150px;
	}
}
/* Tablet: Portrait */
@media only screen and (max-width: 980px) and (min-width: 720px) and (orientation: portrait) {
}

/* Phablet: Portrait */
@media only screen and (min-width: 481px) and (max-width: 719px) and (orientation: portrait) {
}

/* Tablet: Portrait and Phablet: Portrait */
@media only screen and (min-width: 481px) and (max-width: 719px) and (orientation: portrait), 
	only screen and (max-width: 980px) and (min-width: 720px) and (orientation: portrait) {

}