/* Defaults
---------------------------------------------------*/

html {
    -webkit-text-size-adjust: none; /* Prevent font scaling in landscape */
}

.mobile,
#mobile_nav,
#nav_button,
.mobile-header,
#donate-mobile,
#map-mobile,
.mobile-link {
	display:none;
}

/*  1620px
---------------------------------------------------*/

@media (max-width: 1620px) {
	#navigation li,
	#menu-main-nav li {
		padding:20px 30px;
	}
}


/*  1600px
---------------------------------------------------*/

@media (max-width: 1600px) {
	h1 {
		font:400 50px/58px "Cahuenga SemiBold", sans-serif;
	}

	#focus-areas h2,
	#home-header .flexslider ul li .column2 h2,
	header h1, 
	.subpage header h1, 
	.landing-page header h1 {
		font:400 42px/50px "Cahuenga SemiBold", serif;
	}

	#how-we-serve .column {
		padding:0 40px;
	}

	#how-we-serve h3 {
		font:400 48px/55px "Cahuenga SemiBold", serif;
	}

	#how-we-serve h4 {
		font:400 55px/65px "Cahuenga Bold", serif;
	}

	#how-we-serve .icon {
		padding-right:5px;
	}

	#how-we-serve .icon img {
		width:100%;
	}

	#how-we-serve .stat {
		padding-left:10px;
	}

	#words-from-our-ceo .column1 img {
		width:100%;
		height:auto;
	}

	#services .column {
		width:33.3%;
		position:relative;
		padding:0;
	}

	#services .clearer {
		display:none;
	}

	#services .column img {
		margin-top:30px;
	}

	#services .column .link {
		margin-bottom:30px;
	}

	#services .column:nth-child(1):after,
	#services .column:nth-child(2):after,
	#services .column:nth-child(3):after,
	#services .column:nth-child(4):after,
	#services .column:nth-child(5):after,
	#services .column:nth-child(6):after,
	#services .column:nth-child(7):after,
	#services .column:nth-child(8):after,
	#services .column:nth-child(9):after {
		content:"";
		width:100%;
		height:3px;
		background:url("../images/dots-grey-bottom.svg") bottom left repeat-x;
		display:block;
	}

	#services .column:nth-child(4) {
		background:url(../images/dots-grey.svg) top right repeat-y;
	}

	#services .row1 .column:nth-child(3),
	#services .row2 .column:nth-child(2),
	#services .row3 .column:nth-child(1) {
		background:none;
	}

	#services .row3 .column:nth-child(2):after,
	#services .row3 .column:nth-child(3):after,
	#services .row3 .column:nth-child(4):after {
		display:none;
	}

	#services .row3 .column:nth-child(4) {
		background:none;
	}
	
	#leadership ul.list li {
		width:50%;
	}
	
	#multiply-partners ul li img {
	  width:100%;
	  padding:50px 15%;
	}

}


/*  1450px
---------------------------------------------------*/

@media (max-width: 1450px) {
	.container {
		padding:120px 90px 140px 90px;
	}

	.photo-right {
		width:550px;
	}

	#navigation li,
	#menu-main-nav li {
		padding:20px 23px;
	}

	#navigation li a,
	#menu-main-nav li a {
		font:600 19px/22px "freight-sans-pro", sans-serif;
	}

	#navigation ul a,
	#menu-main-nav ul a {
		font:400 19px/22px "freight-sans-pro", sans-serif;
	}

	#homepage #intro .container {
		padding:100px 500px 120px 90px;
	}
	
	#homepage #intro a {
		right:90px;
	}

	#focus-areas .column2 {
		min-height:auto;
		padding:160px 90px 180px 90px;
	}
	
	#home-header .flexslider ul li .column2 {
		min-height:auto;
	}
	
	#home-header .flexslider ul li .column2 article {
		padding:120px 90px 130px;
		position:relative;
		top:0;
		transform:translateY(0);
	}

	#how-we-serve.four-stats .column {
		width:50%;
		margin-bottom:30px;
	}

	#how-we-serve.four-stats .column:nth-child(2) {
		border-right:0;
	}

	#range-of-services .column1,
	#impact-reports .column1,
	#directors-welcome .column1 {
		padding:100px 90px 120px 90px;
	}

	header .column1 {
		padding:100px 90px 120px 90px;
	}

	#callouts .column1,
	#callouts .column2 {
		padding:0 90px;
	}
	
	#residency-faq .column1,
	#residency-faq .column2,
	#residency-faq .column3 {
	  width:100%;
	  float:none;
	  text-align:left;
	  padding:0 90px;
	}
	
	footer .column1, 
	.subpage footer .column1 {
		padding:0 50px 0 0;
	}

	footer .column2, 
	.subpage footer .column2 {
		padding:0 0 0 80px;
	}
}

/*  1350px
---------------------------------------------------*/

@media (max-width: 1350px) {
	#donate-button {
		width:100%;
	}

	#donate-button img {
		width:100%;
	}
}

/*  1300px
---------------------------------------------------*/

@media (max-width: 1300px) {
	.container {
		padding:90px 90px 100px 90px;
	}

	.content,
	.content2 {
		padding:0;
	}
	
	.content2 p.legal {
		padding:0;
	}

	.photo-right {
		display:none;
	}

	#logo {
		top:15px;
	}

	#logo img {
		width:58px;
	}

	nav {
		height:90px;
	}

	nav .container {
		padding:0;
	}

	#sub-nav {
		display:none;
	}

	#navigation,
	#menu-main-nav {
		display:none;
	}

	#mobile_nav_button {
		width:40px;
		display:block;
		position:absolute;
		top:24px;
		right:40px;
		z-index:999;
	}

	#mobile_nav_button span {
		width:40px;
		height:5px;
		background:#004f78;
		margin:7px 0;
		display:block;
		position:relative;
	}

	#nav_wrapper {
		display:none;
	}

	#mobile_nav {
		width:260px;
		height:100%;
		background:#004f78;
		display:none;
		position:absolute;
		top:0;
		right:-260px;
	}

	#mobile_nav #search_wrapper {
		width:100%;
		height:100px;
		background:#f4f4f4;
	}

	#mobile_nav #search {
		width:220px;
		height:40px;
		position:absolute;
		top:30px;
		right:20px;
		background:#fff;
		-webkit-border-radius:20px;
		-moz-border-radius:20px;
		border-radius:20px;
	}

	#mobile_nav #mainnav,
	#mobile_nav #menu-mobile-nav {
		background:#fff;
		text-align:left;
		position:relative;
		right:auto;
		bottom:auto;
	}

	#mobile_nav #mainnav li,
	#mobile_nav #menu-mobile-nav li {
		height:auto;
		display:block;
		margin-left:0;
	}

	#mobile_nav #mainnav li a, 
	#mobile_nav #menu-mobile-nav li a {
		height:auto;
		font:400 20px/24px "freight-sans-pro", sans-serif;
		color:#000;
		text-decoration:none;
		letter-spacing:0.02em;
		display:block;
		position:relative;
		padding:25px 30px;
	}

	#mobile_nav #mainnav li a:before,
	#mobile_nav #menu-mobile-nav li a:before {
		content:"";
		width:205px;
    	height:3px;
		background:url("../images/dots-grey-bottom.svg") repeat-x bottom center;
		position:absolute;
		bottom:0;
		left:30px;
	}

	#mobile_nav #mainnav li a.dropdown:after,
	#mobile_nav #menu-mobile-nav li.menu-item-has-children a:after {
		content:"";
		background:url("../images/dropdown-arrow2.svg") no-repeat;
		width:14px;
		height:9px;
		display:inline-block;
		margin-left:10px;
	}

	#mobile_nav #mainnav li:last-child a:before,
	#mobile_nav #menu-mobile-nav li:last-child a:before {
		background:none;
	}
	
	/*
	#mobile_nav #mainnav li:hover a {
		color:#ff0013;
		border-bottom:0;
	}*/

	#mobile_nav #mainnav li ul,
	#mobile_nav #menu-mobile-nav li ul {
		width:100%;
		min-width:auto;
		background:#eff4fa;
		text-align:left;
		display:none;
		opacity:1 !important;
		visibility:visible !important;
		box-shadow:none;
		position:relative;
		top:-3px;
		left:auto;
		z-index:999;
		padding:20px 0;
	}

	#mobile_nav #mainnav li ul li,
	#mobile_nav #menu-mobile-nav li ul li {
		width:100%;
		height:auto;
		clear:both;
		padding:0;
		margin:0;
	}


	#mobile_nav #mainnav li ul li a,
	#mobile_nav #menu-mobile-nav li ul li a {
		height:auto;
		font:400 20px/24px "freight-sans-pro", sans-serif;
		letter-spacing:0.02em;
		color:#000;
		border:0 !important;
		background:none;
		padding:10px 30px;
	}

	#mobile_nav #mainnav li ul li a:before,
	#mobile_nav #menu-mobile-nav li ul li a:before {
		background:none;
	}

	#mobile_nav #mainnav li:hover ul li a,
	#mobile_nav #mainnav li:focus-within  ul li a,
	#mobile_nav #menu-mobile-nav li:hover ul li a,
	#mobile_nav #menu-mobile-nav li:focus-within  ul li a {
		color:#000;
	}

	#subnav {
		background:none;
		width:100%;
		height:100%;
		text-align:center;
		list-style:none;
		position:relative;
		top:auto;
		right:auto;
		padding:30px 0;
	}

	#subnav li {
		display:block;
		border-left:0;
		padding:0;
	}

	#subnav li a {
		font:400 20px/24px "freight-sans-pro", sans-serif;
		letter-spacing:0.03em;
		text-decoration:none;
		color:#fff;
		display:block;
		padding:10px 30px;
	}

	#subnav li a strong {
		font-family:"freight-sans-pro";
		font-weight:600;
	}

	#mobile_nav .social {
		padding:0 30px;
	}

	#mobile_nav .social a {
		width:18px;
		height:18px;
	}

	#mobile_nav .facebook {
		background:url("../images/facebook-white.svg") no-repeat 0 0 / 18px 18px;
	}

	#mobile_nav .instagram {
		background:url("../images/instagram-white.svg") no-repeat 0 0 / 18px 18px;
	}

	#mobile_nav .twitter {
		background:url("../images/twitter-white.svg") no-repeat 0 0 / 18px 18px;
	}

	#mobile_nav .linkedin {
		background:url("../images/linkedin-white.svg") no-repeat 0 0 / 18px 18px;
	}

	#mobile_nav .vimeo {
		background:url("../images/vimeo-white.svg") no-repeat 0 0 / 18px 18px;
	}

	#donate {
		top:0;
	}

	#homepage #intro .container {
		padding:90px 90px 100px 90px;
	}

	#homepage #intro h1 {
		margin:0 0 50px 0;
	}

	#homepage #intro a {
		position:relative;
		bottom:auto;
		right:auto;
	}

	#how-we-serve .container {
		padding-bottom:60px;
	}

	#how-we-serve h3 {
		margin-bottom:30px;
	}

	#how-we-serve .column {
		width:100%;
		float:none;
		background:none;
		display:flex;
		justify-content: center;
		text-align:center;
		margin:0 0 60px 0;
	}

	#how-we-serve .icon {
		width:auto;
		float:none;
		display:inline-block;
		padding:0;
	}

	#how-we-serve .icon img {
		width:100px;
	}

	#how-we-serve .stat {
		width:auto;
		float:none;
		display:block;
		padding:0;
	}

	#how-we-serve h4 {
		margin:0 0 10px 0;
	}

	#range-of-services .column1,
	#impact-reports .column1,
	#directors-welcome .column1 {
		width:100%;
		min-height:auto;
		float:none;
		display:block;
		margin:0;
	}

	#range-of-services .column2,
	#impact-reports .column2 {
		display:none;
	}

	#directors-welcome .column2 {
		width:100%;
		height:500px;
		display:block;
		position:relative;
		top:auto;
		right:auto;
	}

	#directors-welcome .play-button {
		position:absolute;
		top:50%;
		left:50%;
		margin:-67px 0 0 -67px;
	}

	#words-from-our-ceo .column1 {
		width:100%;
		min-height:auto;
		padding:0 0 80px 0;
	}

	#words-from-our-ceo .container {
		padding-top:120px;
	}

	#words-from-our-ceo .column1 img {
		width:500px;
	}

	#words-from-our-ceo .column2 {
		width:100%;
		min-height:auto;
		padding:0;
	}

	footer .column1, 
	.subpage footer .column1 {
		width:100% !important;
		padding:0 0 60px 0;
	}

	footer .inner-column2 {
		background:url("../images/dots.svg") top left repeat-y;
		padding:0 0 0 90px;
	}

	footer .column2, 
	.subpage footer .column2 {
		width:100% !important;
		background:none;
		padding:0;
	}

	#new-patients #intro .column1 {
		padding:0 80px 0 0;
	}

	#our-team h1 {
		margin:0 0 40px 0;
	}
	
	/*
	#map-container {
		width:900px;
		height:429px;
	}

	#map-container img {
		width:900px;
		height:429px;
		position:absolute;
		top:0;
		left:50%;
		margin-left:-450px;
	}*/

.area1 {
width: 40px;
height: 40px;
top: 135px;
left: 146px;
}

.area2 {
width: 20px;
height: 20px;
top: 149px;
left: 123px;
}

.area3 {
width: 20px;
height: 20px;
top: 122px;
left: 180px;
}

.area4 {
width: 20px;
height: 20px;
top: 183px;
left: 205px;
}

.area5 {
width: 10px;
height: 10px;
top: 206px;
left: 214px;
}

.area6 {
width: 10px;
height: 10px;
top: 129px;
left: auto;
right: 158px;
}

.area7 {
width: 10px;
height: 10px;
top: 205px;
left: 198px;
}

.area1-popup {
top:-18px;
left:-33px;
}

.area2-popup {
top: 44px;
left: -66px;
}

.area3-popup {
top: 16px;
left:-9px;
}

.area4-popup {
top: 101px;
left: 15px;
}

.area5-popup {
top: 124px;
left: 19px;
}


.area7-popup {
top: 123px;
left: 3px;
}

.area6-popup {
top: 47px;
left: auto;
right: -37px;
}

#community .column1,
#community .column2,
#community .column3 {
	width:100%;
	padding:0;
	margin:0 0 30px 0;
}

#program-info .column1,
#program-info .column2 {
	width:100%;
	float:none;
	padding:0;
}

#program-info .column1 {
	margin:0;
}

}


/*  1100px
---------------------------------------------------*/

@media (max-width: 1100px) {
	header .full-width {
		min-height:300px;
	}

	#focus-areas .column1,
	#home-header .flexslider ul li .column1 {
		width:100%;
		float:none;
		min-height:600px;
		display:block;
		position:relative;
	}

	#focus-areas .column1 div,
	#home-header .flexslider ul li .column1 div {
		background-position:0 -80px;
	}

	#focus-areas .column2 {
		width:100%;
		float:none;
		display:block;
		padding-top:100px;
		margin:0;
	}
	
	#home-header .flexslider ul li .column2 {
		width:100%;
		float:none;
		display:block;
		padding:0;
		margin:0;
	}
	
	#home-header .flexslider ul li .column2 article {
		padding:100px 90px;
	}

	#tabs {
		width:100%;
		height:auto;
		background:none;
		text-align:center;
		border-radius:0;
		left:auto;
		margin-left:0;
		bottom:40px;
	}

	#tabs li {
		float:none;
		background:none;
		display:inline-block;
		margin:0 5px;
	}

	#tabs li a {
		width:15px;
		height:15px;
		background:#71cfec;
		border-radius:50%;
		border-bottom:0;
		text-indent:-999999px;
		padding:0;
	}

	#tabs li a:before {
		display:none;
	}

	#focus-areas h2,
	#home-header .flexslider ul li .column2 h2,
	header h1, 
	.subpage header h1, 
	.landing-page header h1 {
		margin-top:0;
	}

	header .column1 {
		width:100%;
		min-height:auto;
		display:block;
		padding-top:100px;
		margin:0;
	}

	header .column2 {
		display:none;
	}

	header .mobile-header {
		width:100%;
		min-height:500px;
		display:block;
	}

	#for-patients header .mobile-header {
		background:url("../images/new-patients-header.jpg") no-repeat center -80px / cover;
	}

	#about-us header .mobile-header {
		background:url("../images/about-us-header.jpg") no-repeat top center / cover;
	}

	#new-patients #intro .container {
		padding-right:90px;
	}

	#new-patients #intro .column1 {
		width:100%;
		float:none;
		padding:0;
		margin:0 0 60px 0;
	}

	#new-patients #intro .column2 {
		width:100%;
		float:none;
		border-radius:15px;
	}

	#services .column {
		width:50%;
	}

	#services .column:nth-child(4) {
		background:url(../images/dots-grey.svg) top right repeat-y;
	}

	#services .row1 .column:nth-child(2),
	#services .row1 .column:nth-child(4),
	#services .row2 .column:nth-child(4),
	#services .row3 .column:nth-child(2) {
		background:none;
	}

	#services .row1 .column:nth-child(3),
	#services .row3 .column:nth-child(1) {
		background:url(../images/dots-grey.svg) top right repeat-y;
	}

	#services .row3 .column:nth-child(1):after {
		background:none;
	}
}


/*  960px
---------------------------------------------------*/

@media (max-width: 960px) {
	.container {
		padding:70px 40px 80px 40px;
	}

	#new-patients #intro .container {
		padding-right:40px;
	}

	#homepage #intro .container {
		padding:70px 40px 80px 40px;
	}

	#mental-health .column1,
	#mental-health .column2 {
		width:100%;
	}

	#mental-health .column2 img {
		width:300px;
		margin:0 auto;
	}

	#focus-areas .column2,
	#home-header .flexslider ul li .column2 article {
		padding:70px 40px 120px 40px;
	}

	#focus-areas .column1 div,
	#home-header .flexslider ul li .column1 div {
		background-position:0 -20px;
	}

	#focus-areas .column1,
	#home-header .flexslider ul li .column1 {
		min-height:550px;
	}

	#tabs {
		bottom:30px;
	}

	/*
	#tabs {
		width:100%;
		height:auto;
		position:relative;
		left:auto;
		bottom:auto;
		border:0;
		text-align:center;
		margin:0;
	}

	#tabs li {
		width:100%;
		height:auto;
		float:none;
		background:none;
		display:block;
	}

	#tabs li a {
		width:100%;
		display:inline-block;
		position:relative;
	}*/

	#how-we-serve.four-stats .column {
		width:100%;
		margin-bottom:30px;
	}

	#how-we-serve.four-stats .column {
		background:none;
	}

	#range-of-services .column1,
	#impact-reports .column1,
	#directors-welcome .column1 {
		padding:90px 40px 100px 40px;
	}

	#how-we-serve .container {
		padding-bottom:40px;
	}

	#how-we-serve h3 {
		margin:0;
	}

	#how-we-serve .column {
		background:url("../images/dots-grey-bottom.svg") bottom center repeat-x;
		padding:60px 0;
		margin:0;
	}

	#words-from-our-ceo .container {
		padding-top:100px;
	}

	#callouts {
		padding:40px 40px 50px 40px;
	}

	#callouts .column1 {
		background:url("../images/dots-blue-bottom.svg") bottom center repeat-x;
	}

	#callouts .column1,
	#callouts .column2 {
		width:100%;
		padding:60px 0;
	}

	footer .column1 {
		background:url("../images/dots-grey-bottom.svg") bottom center repeat-x;
		padding:0 0 20px 0 !important;
	}

	footer .column2 {
		padding-top:50px !important;
	}

	footer .inner-column1,
	footer .inner-column2 {
		width:100%;
		float:none;
		background:none;
		text-align:center;
		padding:0 0 40px 0;
	}

	footer h4 {
		text-align:center;
	}

	#logo-footer {
		margin:0 auto 40px auto !important;
	}

	.social a {
		margin:0 7px;
	}

	footer h3,
	footer p {
		text-align:center;
	}

	footer form {
		width:550px;
		margin:0 auto;
	}

	header .column1 {
		padding:70px 40px 80px 40px;
	}

	header .mobile-header {
		min-height:400px;
	}

	#for-patients header .mobile-header {
		background:url("../images/new-patients-header.jpg") no-repeat 0 0 / cover;
	}

	section .column1,
	section .column2 {
		width:100%;
		float:none;
		padding:0;
	}

	section .column1 hr.mobile {
		display:block;
	}

	#our-team h2,
	#our-team h1,
	.filters {
		text-align:left;
	}

	.ui-group {
		margin-left:0;
		margin-right:0;
	}

	.ui-group h4 {
		display:block;
		margin:0 0 10px 0;
	}

	.popup {
		padding:40px;
	}

	.fancybox-navigation {
		display:none !important;
	}

	.popup .column1,
	.popup .column2 {
		width:100%;
		float:none;
		padding:0;
	}
	
	#leadership ul.list li {
		width:100%;
	}
	
	#history p {
		margin:0;
	}
	
	.year-left {
		padding:50px 0 0;
	}
	
	.year-left .year {
		display:none;
	}
	
	.year-left .year-description {
	  background:#fff;
	  width:100%;
	  float:none;
	  text-align:center !important;
	  padding:0 0 10px;
	}
	
	.year-right {
		padding:50px 0 0;
	}
	
	.year-right .year-description {
	  background:#fff;
	  width:100%;
	  float:none;
	  text-align:center !important;
	  padding:0 0 10px;
	}
	
	#first.year-left {
		padding:0;
	}
	
	#first.year-left .year-dot {
		display:none;
	}
	
	#multiply-partners ul li {
	  width:50%;
	}
	
	#multiply-partners ul li:nth-child(3),
	#multiply-partners ul li:nth-child(5) {
	  background:url("../images/dots-grey.svg") top right repeat-y;
	}
	
	#multiply-partners ul li:nth-child(2),
	#multiply-partners ul li:nth-child(4) {
	  background:none;
	}
	
	#multiply-partners ul li img {
	  width:100%;
	  padding:35px 15%;
	}
	
	#residency-faq .column1,
	#residency-faq .column2,
	#residency-faq .column3 {
	  padding:0 40px;
	}

}


/*  850px
---------------------------------------------------*/

@media (max-width: 900px) {

	#map-container {
		width:100%;
		height:auto;
	}

	#map-container #map-mobile {
		width:100% !important;
		height:auto !important;
		display:block !important;
		position:relative !important;
		top:auto !important;
		left:auto !important;
		margin-left:0 !important;
	}

	#map-container #map-desktop {
		display:none !important;
	}

	.area-locations,
	.area-popups {
		display:none;
	}

	#where-we-serve p br {
		display:none;
	}
}



/*  700px
---------------------------------------------------*/

@media (max-width: 700px) {
	h1 {
		font:400 40px/48px "Cahuenga SemiBold", sans-serif;
	}

	.subpage h1, 
	.landing-page h1 {
		margin:0 0 30px 0;
	}

	h3 {
		font:600 26px/32px "freight-sans-pro", sans-serif;
	}

	h4 {
		font:600 22px/30px "freight-sans-pro", sans-serif;
	}

	h2.intro, 
	.subpage h2,
	header h2,
	.ui-group h4 {
		font:600 16px/22px "freight-sans-pro", sans-serif;
	}

	p {
		font:400 19px/28px "freight-sans-pro", sans-serif;
	}

	.accordion-header h5 {
		font:600 18px/28px "freight-sans-pro", sans-serif;
	}

	hr.divider {
		margin:50px 0;
	}

	.list {
		margin:0 0 30px 0;
	}

	.list li {
		font:400 19px/28px "freight-sans-pro", sans-serif;
	}

	select {
		height:50px;
		font:400 19px/28px "freight-sans-pro", sans-serif;
		padding:0 20px;
	}

	.select:after {
		top:22px;
	}

	#homepage #intro a,
	.link {
		font:600 19px/22px "freight-sans-pro", sans-serif;
	}

	#focus-areas .column1,
	#home-header .flexslider ul li .column1 {
		min-height:450px;
	}

	#focus-areas h2,
	#home-header .flexslider ul li .column2 h2 {
		font:400 35px/43px "Cahuenga SemiBold", sans-serif;
		margin:0 0 40px 0;
	}

	header h1, 
	.subpage header h1, 
	.landing-page header h1 {
		font:400 35px/43px "Cahuenga SemiBold", sans-serif;
	}

	#words-from-our-ceo .column1 img {
		width:100%;
	}

	#words-from-our-ceo h4,
	#faculty h4,
	#residents h4,
	#directors-welcome h4,
	#residency-faq h4 {
		font:600 15px/22px "freight-sans-pro", sans-serif;
	}

	#words-from-our-ceo blockquote {
		font:400 30px/38px "Cahuenga SemiBold", sans-serif;
	}

	#range-of-services h3,
	#impact-reports h3,
	#directors-welcome h2,
	#faculty h2,
	#residents h2 {
		font:400 40px/48px "Cahuenga SemiBold", sans-serif;
		margin:0 0 30px 0;
	}

	#focus-areas .column2 a,
	#home-header .flexslider ul li .column2 a {
		font:600 18px/22px "freight-sans-pro", sans-serif;
	}

	#how-we-serve h3 {
		font:400 45px/52px "Cahuenga SemiBold", sans-serif;
	}

	footer h3 {
		font:400 40px/48px "Cahuenga SemiBold", sans-serif;
	}

	footer form {
		width:100%;
		margin:0;
	}

	header .mobile-header {
		min-height:350px;
	}

	#new-patients #intro .column1 {
		margin:0 0 50px 0;
	}

	#new-patients #intro .column2 {
		padding:40px;
	}

	#services .column,
	#services .row1 .column:nth-child(3), 
	#services .row3 .column:nth-child(1) {
		width:100%;
		background:none;
	}

	#services .row3 .column:nth-child(1):after {
		background:url("../images/dots-grey-bottom.svg") bottom left repeat-x;
	}

	#services-content h3 {
		font:400 30px/36px "Cahuenga SemiBold", serif;
		margin:0 0 10px 0;
	}

	.popup h3 {
		font:400 30px/38px "Cahuenga SemiBold", serif;
		margin:0 0 30px 0;
	}
	
	#multiply-campaign .columns .col {
	  width:auto;
	}
	
	#multiply-campaign .columns .col img {
	  width:100%;
	}

	#directors-welcome .column2 {
		height:300px;
	}

	#directors-welcome .play-button {
		width:80px;
		margin:-40px 0 0 -40px;
	}

	#map-container {
		display:none;
	}
	
	#residency .mobile-link {
		display:inline-block;
		margin:-30px 0 50px 0;
	}

}

/*  600px
---------------------------------------------------*/
@media (max-width: 600px) {
	#mental-health section .column2 img,
	#mental-health .column2 img {
		width:100%;
		margin:0;
	}
}

/*  550px
---------------------------------------------------*/

@media (max-width: 550px) {
	.subpage h1, 
	.landing-page h1 {
		margin:0 0 20px 0;
	}

	.container {
		padding:60px 25px 70px 25px;
	}

	#logo {
		left:25px;
	}

	#donate {
		display:none;
	}

	#mobile_nav_button {
		right:25px;
	}

	#donate-mobile {
		width:100%;
		font:600 20px/22px "freight-sans-pro", sans-serif;
		letter-spacing: 0.02em;
		color: #fff;
		background: #0fa954;
		display:block;
		padding:25px 30px;
	}

	#homepage #intro .container {
		padding:60px 25px 70px 25px;
	}

	#focus-areas .column1,
	#home-header .flexslider ul li .column1 {
		min-height:400px;
	}

	#focus-areas .column2,
	#home-header .flexslider ul li .column2 article,
	header .column1 {
		padding:60px 25px 100px 25px;
	}

	#focus-areas .column1 div,
	#home-header .flexslider ul li .column1 div {
		background-position:top center;
	}

	#tabs {
		bottom:25px;
	}

	#tabs li {
		margin:0 3px;
	}

	#tabs li a {
		width:12px;
		height:12px;
	}

	#range-of-services .column1,
	#impact-reports .column1,
	#directors-welcome .column1 {
		padding:70px 25px 80px 25px;
	}

	#how-we-serve .container {
		padding-bottom:20px;
	}

	#how-we-serve h3 {
		font:400 40px/48px "Cahuenga SemiBold", serif;
	}

	#how-we-serve .icon img {
		width:80px;
	}

	#words-from-our-ceo .container {
		padding-top:80px;
		padding-bottom:40px;
	}

	#words-from-our-ceo .column1 {
		padding:0 0 60px 0;
	}

	#callouts {
		padding:0 25px;
	}

	#new-patients #intro .column2 {
		padding:30px;
	}

	.ui-group {
		display:block;
		width:100%;
	}

	.select-locations,
	.select {
		width:100%;
	}
	
	.team-member img {
		margin:0 auto 10px;
	}

	.popup {
		padding:40px 25px;
	}

	.popup h3 {
		margin:0 0 20px 0;
	}
	
	#residency-faq .column1,
	#residency-faq .column2,
	#residency-faq .column3 {
	  padding:0 25px;
	}

	.legend {
		width:100%;
	}

	#residency .columns .col {
		width:100%;
		margin:30px 0;
	}

	.columns img {
		width:100%;
	}
}


/*  500px
---------------------------------------------------*/

@media (max-width: 500px) {
	header .full-width {
		display:none;
	}

	header .full-width-mobile {
  width:100%;
  min-height:450px;
  background:#1b5674;
  position:relative;
  padding:50px 120px 50px 120px;
  display:flex;
  flex-direction:column;
  justify-content:center;
  flex-wrap:wrap;
}
}


/*  450px
---------------------------------------------------*/

@media (max-width: 450px) {
	h1 {
		font:400 32px/40px "Cahuenga SemiBold", sans-serif;
	}

	h2.intro, 
	.subpage h2,
	header h2,
	#words-from-our-ceo h4,
	#callouts h4,
	.ui-group h4,
	#faculty h4,
	#residents h4,
	#directors-welcome h4,
	#residency-faq h4,
	footer h4 {
		font:700 15px/20px "freight-sans-pro", sans-serif;
		letter-spacing:0.1em;
	}

	h3 {
		font:600 22px/26px "freight-sans-pro", sans-serif;
	}

	h4 {
		font:600 20px/26px "freight-sans-pro", sans-serif;
	}

	h5 {
		font:600 20px/26px "freight-sans-pro", sans-serif;
	}

	.accordion-header h5 {
		font:600 18px/26px "freight-sans-pro", sans-serif;
	}

	hr {
		padding:20px 0 0 0;
	}

	hr.divider {
		margin:35px 0;
	}

	#logo img {
		width:50px;
	}

	nav {
		height:80px;
	}

	#mobile_nav_button {
		width:30px;
		top:20px;
		right:20px;
	}

	#mobile_nav_button span {
		width:30px;
	}

	#mobile_nav {
		width:240px;
		right:-240px;
	}

	#mobile_nav #mainnav li a:before {
		width:185px;
	}

	#donate {
		display:none;
	}

	.button {
		font:600 16px/22px "freight-sans-pro", sans-serif;
	}

	#homepage #intro a,
	#focus-areas .column2 a,
	#home-header .flexslider ul li .column2 a,
	.link {
		font:600 18px/24px "freight-sans-pro", sans-serif;
	}

	#homepage #intro a:after,
	#focus-areas .column2 a:after,
	#home-header .flexslider ul li .column2 a:after,
	.link:after {
		width:8px;
		height:13px;
		margin:0 0 0 10px;
		background:url("../images/arrow.svg") no-repeat 0 0 / 8px 13px;
	}

	#focus-areas h2,
	#home-header .flexslider ul li .column2 h2,
	header h1, 
	.subpage header h1, 
	.landing-page header h1,
	#how-we-serve h3,
	footer h3 {
		font:400 30px/35px "Cahuenga SemiBold", sans-serif;
	}

	#focus-areas .column1,
	#home-header .flexslider ul li .column1 {
		min-height:300px;
	}
	
	#home-header .flex-control-nav {
		bottom:40px;
		right:25px;
	}

	#how-we-serve h4 {
		font:400 45px/50px "Cahuenga SemiBold", sans-serif;
	}

	#how-we-serve .column {
		padding:40px 0;
	}

	#range-of-services h3,
	#impact-reports h3,
	#directors-welcome h2,
	#faculty h2,
	#residents h2 {
		font:400 30px/35px "Cahuenga SemiBold", sans-serif;
	}

	#words-from-our-ceo blockquote {
		font:400 25px/32px "Cahuenga SemiBold", sans-serif;
	}

	.owl-prev {
		display:none !important;
	}

	.owl-next {
		width:50px;
		height:50px;
		background:url("../images/next-arrow.svg") no-repeat !important;
  		background-color:#0fa954 !important;
		right:15px !important;
	}

	#logo-footer {
		width:160px !important;
	}

	div.ctct-form-embed form.ctct-form-custom button.ctct-form-button {
  		padding:0 10px !important;
	}

	div.ctct-form-embed form.ctct-form-custom input.ctct-form-element {
		padding:0 100px 0 15px !important;
	}

	footer h4 {
		margin:0 0 15px 0;
	}

	footer p {
		font:400 18px/24px "freight-sans-pro", sans-serif;
	}

	input[type=text], 
	input[type=email], 
	input[type=phone], textarea {
		font:400 18px/24px "freight-sans-pro", sans-serif;
		padding:0 100px 0 20px;
	}

	input[type=submit] {
		font:600 18px/24px "freight-sans-pro", sans-serif;
		padding:0 20px;
	}

	header .mobile-header {
		min-height:250px;
	}

	#new-patients #intro .column1 {
		margin:0 0 40px 0;
	}

	#new-patients #intro .column2 {
		padding:20px;
	}

	.team-member {
		width:100%;
		margin:0 0 30px 0;
		padding:0;
	}

	.team-member img {
		width:100%;
	}

	#services-content h3 {
		font:400 26px/30px "freight-sans-pro", sans-serif;
		margin:0 0 5px 0;
	}

	.popup h3 {
		font:400 26px/30px "freight-sans-pro", sans-serif;
		margin:0 0 20px 0;
	}
}


/*  350px
---------------------------------------------------*/

@media (max-width: 350px) {
	footer p {
		font:400 18px/24px "freight-sans-pro", sans-serif;
	}

	header .mobile-header {
		min-height:200px;
	}
}