/*********************************************************************************************

x. Basic Setup (Body, Fonts, etc.) 

********************************************************************************************/
@media only screen and (max-width:1400px) {
	html, body {
		font-size: 18px;
	}
}
@media only screen and (max-width:1100px) {
	h1 {
		font-size: 5.500em;
	}
	.wrapper {
		margin: 0 50px;
	}
}
@media only screen and (max-width:1000px) {
	h1 {
		font-size: 4.000em;
	}
	h2 {
		font-size: 4.000em;
	}
	h3 {
		font-size: 3.000em;
	}
	h4 {
		font-size: 2.000em;
	}
	h5 {
		font-size: 1.500em;
	}
	h6 {
		font-size: 1.250em;
	}
}
@media only screen and (max-width:600px) {
	h1 .plymouth-proof, 
	h2 .plymouth-proof, 
	h3 .plymouth-proof, 
	h4 .plymouth-proof, 
	h5 .plymouth-proof, 
	h6 .plymouth-proof {
		line-height: 100px;
		height: 100px;
	}
	h1 .plymouth-proof:after, 
	h2 .plymouth-proof:after, 
	h3 .plymouth-proof:after, 
	h4 .plymouth-proof:after, 
	h5 .plymouth-proof:after, 
	h6 .plymouth-proof:after {
		border-width: 50px 0 50px 15px;
	}
}
@media only screen and (max-width:500px) {
	.content ol li,
	.content ul li,
	p {
		line-height: 1.5em;
	}
	h1 {
		font-size: 3.000em;
	}
	h2 {
		font-size: 2.500em;
	}
	h3 {
		font-size: 2.000em;
	}
	h4 {
		font-size: 1.500em;
	}
	h5 {
		font-size: 1.250em;
	}
	h6 {
		font-size: 1.125em;
	}
	.wrapper {
		margin: 0 30px;
	}
}
@media only screen and (max-width:415px) {
	h1 {
		font-size: 2.125em;
	}
	h2 {
		font-size: 2.000em;
	}
	h3 {
		font-size: 1.500em;
	}
	h4 {
		font-size: 1.250em;
	}
	h5 {
		font-size: 1.125em;
	}
	h6 {
		font-size: 1.000em;
	}
	h1 .plymouth-proof, 
	h2 .plymouth-proof, 
	h3 .plymouth-proof, 
	h4 .plymouth-proof, 
	h5 .plymouth-proof, 
	h6 .plymouth-proof {
		line-height: 70px;
		height: 70px;
	}
	h1 .plymouth-proof:after, 
	h2 .plymouth-proof:after, 
	h3 .plymouth-proof:after, 
	h4 .plymouth-proof:after, 
	h5 .plymouth-proof:after, 
	h6 .plymouth-proof:after {
		border-width: 35px 0 35px 15px;
	}
	.image .caption {
		display: none;
	}
}

/********************************************************************************************* 

x. Amounts

*********************************************************************************************/
@media only screen and (max-width:900px) {
	.percircle {
		font-size: 20vw;
	}
}
@media only screen and (max-width:800px) {
	.amounts .columns {
		margin: 0 -50px;
	}
	.amounts .columns .column .inside {
		padding: 0 50px;
	}
	.amounts .columns .column .inside .content .amount {
		margin: 0 0 -10px 0;
	}
	.percircle {
		font-size: 25vw;
	}
}
@media only screen and (max-width:500px) {
	.amounts .columns {
		margin: 0 -15px;
	}
	.amounts .columns .column .inside {
		padding: 0 15px;
	}
	.amounts .columns .column .inside .content .amount {
		margin: 0;
	}
}


/********************************************************************************************* 

x. Aside

*********************************************************************************************/
@media only screen and (max-width:1100px) {
	aside.default .archives, 
	aside.default .categories,
	aside.default .newsletter, 
	aside.default .the-latest {
		padding: 25px;	
	}
	aside.default .search form {
		padding: 25px 50px 25px 25px;
	}
	aside.default .search form svg {
		right: 20px;
	}
}
@media only screen and (max-width:800px) {
	aside.follower {
		width: 100% !important; 
		height: auto !important;
		position: fixed !important;
		top: auto !important; 
		bottom: 0 !important;
	}
	aside.follower * {
		display: none;
	}
	aside.follower .follower-inside {
		background: #00AEEF;
		box-shadow: none;
		-moz-box-shadow: none;
		-webkit-box-shadow: none;
		padding: 0;
		-moz-transform: none;
		-webkit-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
		position: relative;
		top: 0;
		display: block !important;
	}
	aside.follower .content {
		display: block !important;
	}
	aside.follower .content.white {
		display: none !important;
	}
	aside.follower .paragraph-button,
	aside.follower .paragraph-button .button,
	aside.follower .paragraph-button .button span {
		display: inline-block !important;
		zoom: 1 !important;
		*display: inline !important;
	}
	aside.follower .paragraph-button {
		margin: 0 !important;
	}
	aside.follower .paragraph-button .button {
		color: white !important;
		width: auto !important; 
		height: auto !important;
		background: #00AEEF !important;
		border: none;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		border-radius: 0;
		margin: 0 2.5px !important;
		padding: 20px 10px !important;
		display: block !important;
		position: relative;
	}
	aside.follower .paragraph-button .button:hover {
		background: #F5B324 !important;
		opacity: 1 !important;
	}
	aside.follower .paragraph-button .button:after {
		content: '';
		width: auto; height: 1px;
		background: rgba(255, 255, 255, 0.5);
		position: absolute;
		bottom: 18.5px;
		left: 10px; right: 10px;
	}
}
@media only screen and (max-width:400px) {
	aside.follower .paragraph-button .button {
		font-size: 0.700em;
	}
}

@media only screen and (max-height:800px) {
	aside.follower .stars.large {
		height: 100px;
	}
	aside.follower .stars .image {
		max-width: 80px;
	}
}

@media only screen and (max-height:700px) {
	aside.follower .stars.large {
		height: 25px;
	}
	aside.follower .stars .image {
		display: none;
	}
}

/********************************************************************************************* 

x. Blockquote

*********************************************************************************************/
@media only screen and (max-width:400px) {
	blockquote {
		margin-left: 20px;
	}
}

/********************************************************************************************* 

x. Buckets

*********************************************************************************************/
@media only screen and (max-width:1300px) {
	.buckets .items .item.width-25 {
		width: 50%;
	}
	.buckets .items .item.width-33 {
		width: 50%;
	}
}
@media only screen and (max-width:900px) {
	.buckets .items .item.width-25,
	.buckets .items .item.width-33 {
		width: 100% !important;
	}
	.buckets-image-text .image img {
		width: auto; height: auto;
		min-height: 500px;
	}
	.buckets .items .item.with-arrow .inside {
		padding-bottom: 80px;
	}
}
@media only screen and (max-width:600px) {
	/*
	.buckets-image-text .content.bottom {
		width: 400px;
	}
	.buckets-image-text .image img {
		max-height: 400px;
	}
	*/
}
@media only screen and (max-width:400px) {
	.buckets-image-text .background {
		padding: 30px 0 60px 0;
	}
	/*
	.buckets-image-text .content.bottom {
		width: 260px;
		margin: 30px 0;
	}
	*/
	.buckets-image-text .wrapper.bottom {
		margin-top: -30px;
	}
	.buckets .items .inside {
		padding: 20px;
	}
}

/********************************************************************************************* 

x. Co-Chairs + Members

*********************************************************************************************/
@media only screen and (max-width:1200px) {
	.co-chairs-members .columns .column.width-30 {
		width: 30%;
	}
	.co-chairs-members .columns .column.width-70 {
		width: 70%;
	}
	.co-chairs-members .names li.width-33 {
		width: 50%;
	}
}
@media only screen and (max-width:1000px) {
	.co-chairs-members .names li.width-33 {
		width: 100%;
	}
	.co-chairs-members .columns .column.width-30,
	.co-chairs-members .columns .column.width-70 {
		width: 50%;
	}
}
@media only screen and (max-width:400px) {
	.co-chairs-members .columns {
		margin: 0;
	}
	.co-chairs-members .columns .column.width-30,
	.co-chairs-members .columns .column.width-70 {
		width: 100%;
	}
	.co-chairs-members .columns .column.width-30 {
		border-bottom: 1px solid white;
		margin: 0 0 30px 0;
		padding: 0 0 30px 0;
	}
	.co-chairs-members .columns .column:first-child:after,
	.co-chairs-members .columns .column:last-child:before {
		display: none;
	}
	.co-chairs-members .columns .column .inside {
		padding: 0;
	}
}



/********************************************************************************************* 

x. Contact Form

*********************************************************************************************/
@media only screen and (max-width:1000px) {
	.contact-form form {
		padding: 0 0 0 50px;
	}
}
@media only screen and (max-width:800px) {
	.contact-form form {
		padding: 0;
	}
}
@media only screen and (max-width:600px) {
	.contact-form .wrapper {
		padding: 50px 0;
	}
}
@media only screen and (max-width:500px) {
	.contact-form .wrapper {
		padding: 30px 0;
	}
}

/********************************************************************************************* 

x. Dais

*********************************************************************************************/
@media only screen and (max-width:1100px) {
	.dais .columns.bottom {
		margin: 50px -50px 0 -50px;
	}
	.dais .columns.bottom .inside {
		padding: 0 50px;
	}
}
@media only screen and (max-width:900px) {
	.dais .columns.bottom .column.width-50 {
		width: 100%;
	}
	.dais .columns.bottom .inside.top {
		padding: 50px 50px 0 50px;
	}
	.dais .columns.bottom .inside.top:before {
		display: none;
	}
}
@media only screen and (max-width:800px) {
	.dais .columns.bottom .items .item {
		margin: 0 auto;
		float: none;
	}
}
@media only screen and (max-width:600px) {
	.dais .columns.bottom {
		margin: 30px -30px 0 -30px;
	}
	.dais .columns.bottom .inside {
		padding: 0 30px;
	}
	.dais .columns.bottom .inside.top {
		padding: 30px;
	}
}

/********************************************************************************************* 

x. Dancers

*********************************************************************************************/
@media only screen and (max-width:1000px) {
	.dancers .items .item.width-33 {
		width: 50%;
	}
}
@media only screen and (max-width:600px) {
	.dancers .full-information .columns .column:last-of-type {
		margin: 30px 0 0 0;
	}
	.dancers .full-information .columns.bottom,
	.dancers .full-information .columns.top {
		padding: 35px 15px;
	}
	.dancers .full-information .columns .column.width-50,
	.dancers .items .item.width-33 {
		width: 100%;
	}
	.dancers .full-information .columns.bottom .vote {
		text-align: center;
		margin: 0 20px 30px 20px;
		-moz-transform: none;
		-webkit-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
		position: relative;
		left: 0;
	}
}

/********************************************************************************************* 

x. Document Viewer

*********************************************************************************************/
@media only screen and (max-width:600px) {
	.document-viewer .wrapper {
		padding: 50px 0;
	}
}

/********************************************************************************************* 

x. Engagement

*********************************************************************************************/
@media only screen and (max-width:800px) {
	.engagement .fold .close {
		right: 40px;
	}
	.engagement .fold .link {
		font-size: 1.500em;
	}
}
@media only screen and (max-width:400px) {
	.engagement .fold .close {
		right: 10px;
	}
	.engagement .fold .link {
		font-size: 1.125em;
	}
}

/********************************************************************************************* 

x. Factoids Carousel

*********************************************************************************************/
@media only screen and (max-width:1000px) {
	.factoids-carousel.slick .inside {
		padding: 0;
	}
}
@media only screen and (max-width:600px) {
	.factoids-carousel.slick {
		padding: 80px 0 0 0;
	}
}
@media only screen and (max-width:500px) {
	.factoids-carousel .columns .column.width-30,
	.factoids-carousel .columns .column.width-70 {
		width: 100%;
	}
	.factoids-carousel .columns .column .image {
		width: 100px; height: auto;
		margin: 0 auto 30px auto;
	}
	.factoids-carousel.slick {
		padding: 60px 0 0 0;
	}
}

/********************************************************************************************* 

x. Factoids + Text

*********************************************************************************************/
@media only screen and (max-width:1100px) {
	.factoids-text .wrapper {
		margin: 0 100px;
	}
}
@media only screen and (max-width:900px) {
	.factoids-text .wrapper {
		margin: 0 50px;
	}
}
@media only screen and (max-width:500px) {
	.factoids-text .wrapper {
		margin: 0 30px;
		padding: 50px 0 0 0;
	}
	.factoids-text .factoids .content {
		padding: 30px 80px;
	}
	.factoids-text .image.flap {
		display: none;
	}
	.factoids-wrapper {
		max-width: calc(100% + 60px) !important;
		margin: 50px -30px 0 -30px;
	}
}

/********************************************************************************************* 

x. FAQS

*********************************************************************************************/
@media only screen and (max-width:400px) {
	.faqs .faq .question {
		padding: 20px;
	}
}

/********************************************************************************************* 

x. Footer

*********************************************************************************************/
@media only screen and (max-width:1200px) {
	footer .social-media li {
		margin: 0 20px 0 0;
	}
}
@media only screen and (max-width:1000px) {
	footer .columns {
		display: block;
	}
	footer .columns .column.width-20 {
		width: 400px;
		margin: 0 auto;
		display: block;
	}
	footer .columns .column.width-60 {
		width: 100%;
		margin: 30px 0;
		display: block;
	}
	footer .social-media {
		text-align: center;
	}
	footer .social-media li {
		margin: 0 10px
	}
	footer .wrapper {
		padding: 30px 0;
	}
}
@media only screen and (max-width:500px) {
	footer .columns .column.width-20 {
		width: 100%;
	}
	footer .credits li {
		line-height: 2em;
		border-right: none;
		margin: 0 0 10px 0;
		padding: 0;
		display: block;
	}
	footer .credits li:last-of-type {
		margin-bottom: 0;
	}
}


/********************************************************************************************* 

x. Form + Ninja Forms

*********************************************************************************************/
@media only screen and (max-width:1024px) {
	form input,
	form textarea {
	    border-radius: 0;
	    -webkit-appearance: none;
	}
}

/********************************************************************************************* 

x. Financials

*********************************************************************************************/
@media only screen and (max-width:1000px) {
	.financials .columns {
		display: block;
	}
	.financials .columns .column {
		width: 100%;
	}
	.financials .columns .column:first-child {
		margin: 0 0 35px 0;
	}
}



/********************************************************************************************* 

x. Has Sidebar - Margin + Padding

*********************************************************************************************/
@media only screen and (max-width:1100px) {
	.has-sidebar .wrapper.extra-margin {
		margin-right: calc(250px + 50px);
	}
	.has-sidebar .wrapper.extra-padding {
		padding-right: calc(250px + 50px);
	}
}
@media only screen and (max-width:800px) {
	.has-sidebar .wrapper.extra-margin {
		margin-right: 50px;
	}
	.has-sidebar .wrapper.extra-padding {
		padding-right: 50px;
	}
}
@media only screen and (max-width:500px) {
	.has-sidebar .wrapper.extra-margin {
		margin-right: 30px;
	}
	.has-sidebar .wrapper.extra-padding {
		padding-right: 30px;
	}
}


/********************************************************************************************* 

x. Header

*********************************************************************************************/
@media only screen and (max-width:1400px) {
	header .wrapper {
		margin: 0 30px;
	}
}
@media only screen and (max-width:1300px) {
	header .navigation li.hamburger {
		display: block;
	}
	header .navigation li.menu-item {
		display: none;
	}
	header .navigation.mobile,
	header .navigation.mobile li.menu-item {
		display: block;
	}
}
@media only screen and (max-width:1100px) {
	header .wrapper {
		margin: 0 50px;
	}
}

@media only screen and (max-width:1024px) {
	header .hamburger,
	header .navigation.mobile {
		display: block;
	}
	header .navigation.buttons,
	header .navigation.main,
	header .navigation.utility {
		display: none;
	}
	header .wrapper,
	header.shrink .wrapper {
		margin: 0 30px;
		padding: 30px 0;
	}
	header.shrink {
		height: 85px;
	}
	header.shrink .logo {
		width: 150px; height: 85px;
	}
	header.shrink .right {
		float: right;
	}
	header.shrink .hamburger .line {
		background: white;
	}
	.proof header .logo {
		bottom: 0;
	}
}
@media only screen and (max-width:415px) {
	header .logo {
		width: 150px; height: 85px;
	}
	header .wrapper {
		min-height: 0;
	}
	.proof header .wrapper {
		padding: 30px 0;
	}
}


/********************************************************************************************* 

x. Icon Grid

*********************************************************************************************/
@media only screen and (max-width:700px) {
	.icon-grid .items .item.width-33 {
		width: 100%;
	}
}

/********************************************************************************************* 

x. Icon List

*********************************************************************************************/
@media only screen and (max-width:700px) {
	.icon-list .column.width-25 {
		display: none;
	}
	.icon-list .column.width-75 {
		width: 100%;
	}
}
@media only screen and (max-width:600px) {
	.icon-list .columns .column:first-of-type {
		margin: 0 0 30px 0;
	}
	.icon-list .columns .column.width-50 {
		width: 100%;
	}
	.icon-list .item {
		padding-left: 0;
		padding-right: 0;
	}
}


/********************************************************************************************* 

x. Image Carousel

*********************************************************************************************/
@media only screen and (max-width:1100px) {
	.has-sidebar .image-carousel .wrapper.bottom {
		width: calc(75% - 100px);
	}
}
@media only screen and (max-width:900px) {
	.has-sidebar .image-carousel .wrapper.top {
		width: 125%;
	}
	.has-sidebar .image-carousel .wrapper.bottom {
		width: calc(62.5% - 100px);
	}
}
@media only screen and (max-width:800px) {
	.has-sidebar .image-carousel .wrapper.bottom {
		width: auto;
	}
	.has-sidebar .image-carousel .wrapper.top {
		width: 100%;
	}
	.has-sidebar .image-carousel-wrapper {
		width: 100%;
		border-right: none;
	}
	.has-sidebar .peek-a-boo-wrapper {
		display: none;
	}
}
@media only screen and (max-width:500px) {
	.image-carousel .wrapper.bottom {
		padding: 90px 0 30px 0;
	}
}


/********************************************************************************************* 

x. Image Grid

*********************************************************************************************/
@media only screen and (max-width:900px) {
	.image-grid .items .item.width-33 {
		width: 50%;
	}
}
@media only screen and (max-width:500px) {
	.image-grid .items .item.width-33 {
		width: 100%;
	}
}

/********************************************************************************************* 

x. Image Grid Carousel - 3 Visible

*********************************************************************************************/
@media only screen and (max-width:1100px) {
	.image-grid-carousel-three-visible .inside {
		margin: 0 0 0 50px;
	}
	.image-grid-carousel-three-visible .wrapper.bottom {
		margin-left: calc(-13.5% + -50px);
	}
}
@media only screen and (max-width:1023px) {
	.image-grid-carousel-three-visible .wrapper.bottom {
		margin-left: 0;
	}
}
@media only screen and (max-width:800px) {
	.image-grid-carousel-three-visible .wrapper {
		padding: 50px 0;
	}
	.image-grid-carousel-three-visible .wrapper.bottom {
		margin-left: 0;
	}
}
@media only screen and (max-width:600px) {
	.image-grid-carousel-three-visible .wrapper {
		padding: 30px 0;
	}
	.image-grid-carousel-three-visible + .text {
		margin: 0;
	}
}

/********************************************************************************************* 

x. Image + Text + Buckets

*********************************************************************************************/
@media only screen and (max-width:1200px) {
	.image-text-buckets:after {
		height: 800px;
	}
}
@media only screen and (max-width:900px) {
	.image-text-buckets:after {
		display: none;
	}
}
@media only screen and (max-width:600px) {
	.image-text-buckets .wrapper.top {
		margin-top: -50px;
	}
}
@media only screen and (max-width:400px) {
	.image-text-buckets .wrapper.top {
		margin-top: 0;
		padding-bottom: 0;
	}
}



/********************************************************************************************* 

x. Image + Text (Columns)

*********************************************************************************************/
@media only screen and (max-width:1200px) {
	.image-text-columns .image {
		width: 40%;
	}
	.image-text-columns.image-left .wrapper {
		padding-left: calc(40% + 70px);
	}
	.image-text-columns.image-right .wrapper {
		padding-right: calc(40% + 70px);
	}
	.image-text-columns .arrow,
	.image-text-columns .arrow svg {
		width: 700px; height: auto;
	}
}
@media only screen and (max-width:1100px) {
	.image-text-columns.image-left .wrapper {
		padding-left: calc(40% + 50px);
	}
	.image-text-columns.image-right .wrapper {
		padding-right: calc(40% + 50px);
	}
	.image-text-columns .wrapper {
		padding: 50px;
	}
}
@media only screen and (max-width:1200px) {
	.image-text-columns .image {
		width: 20%;
	}
	.image-text-columns.image-left .wrapper {
		padding-left: calc(20% + 50px);
	}
	.image-text-columns.image-right .wrapper {
		padding-right: calc(20% + 50px);
	}
}
@media only screen and (max-width:800px) {
	.image-text-columns .image {
		width: 50%;
	}
	.image-text-columns.image-left .wrapper {
		padding-left: calc(50% + 50px);
	}
	.image-text-columns.image-right .wrapper {
		padding-right: calc(50% + 50px);
	}
}
@media only screen and (max-width:700px) {
	.image-text-columns .arrow,
	.image-text-columns .arrow svg {
		width: 600px; height: auto;
	}
}
@media only screen and (max-width:600px) {
	.image-text-columns .image,
	.page-template-why-housing-first .image-text-columns .image {
		width: calc(100% + 100px); height: auto;
		margin: 50px -50px -50px -50px;
		position: relative;
	}
	.image-text-columns .image img,
	.page-template-why-housing-first .image-text-columns .image img {
		display: block;
	}
	.image-text-columns.image-left .wrapper,
	.page-template-why-housing-first .image-text-columns.image-left .wrapper {
		padding-left: 50px;
	}
	.image-text-columns.image-right .wrapper,
	.page-template-why-housing-first .image-text-columns.image-right .wrapper {
		padding-right: 50px;
	}
}
@media only screen and (max-width:500px) {
	.image-text-columns .arrow,
	.image-text-columns .arrow svg {
		width: 400px; height: auto;
	}
	.image-text-columns .wrapper {
		padding: 30px;
	}
	.image-text-columns .image,
	.page-template-why-housing-first .image-text-columns .image {
		width: calc(100% + 60px); 
		margin: 30px -30px -30px -30px;
	}
	.image-text-columns.image-left .wrapper,
	.page-template-why-housing-first .image-text-columns.image-left .wrapper {
	    padding-left: 30px;
	}
	.image-text-columns.image-right .wrapper,
	.page-template-why-housing-first .image-text-columns.image-right .wrapper {
	    padding-right: 30px;
	}
}
@media only screen and (max-width:400px) {
	.image-text-columns .arrow {
		display: none;
	}
}


/********************************************************************************************* 

x. Image + Text (Expandable)

*********************************************************************************************/
@media only screen and (max-width:800px) {
	.image-text-expandable .columns .column {
		vertical-align: top;
	}
}
@media only screen and (max-width:600px) {
	.image-text-expandable .columns,
	.image-text-expandable .columns .column {
		display: block;
	}
	.image-text-expandable .columns .column:first-of-type {
		margin: 0 0 30px 0;
	}
	.image-text-expandable .columns .column.width-30,
	.image-text-expandable .columns .column.width-70 {
		width: 100%;
	}
	.image-text-expandable .columns .inside {
		margin: 0;
	}
}

/********************************************************************************************* 

x. Image + Text (Overlay)

*********************************************************************************************/
@media only screen and (max-width:1200px) {
	.image-text-overlay .arrow,
	.image-text-overlay .arrow svg {
		width: 700px; height: auto;
	}
}
@media only screen and (max-width:1100px) {
	.image-text-overlay.content-bottom .wrapper {
		padding: 700px 0 50px 0;
	}
}
@media only screen and (max-width:900px) {
	.image-text-overlay.content-bottom .wrapper {
		padding: 500px 0 50px 0;
	}
}
@media only screen and (max-width:700px) {
	.image-text-overlay .arrow,
	.image-text-overlay .arrow svg {
		width: 600px; height: auto;
	}
	.image-text-overlay.content-bottom .wrapper {
		padding: 400px 0 50px 0;
	}
	.page-template-why-housing-first .image-text-overlay svg {
		width: 100%; height: auto;
		position: relative;
	}
	.page-template-why-housing-first .image-text-overlay .wrapper {
		margin-right: 50px;
	}
	.page-template-why-housing-first .image-text-overlay.gold-overlay .wrapper {
		padding-bottom: 0;
	}
}
@media only screen and (max-width:500px) {
	.image-text-overlay .arrow,
	.image-text-overlay .arrow svg {
		width: 400px; height: auto;
	}
	.image-text-overlay.content-bottom .wrapper {
		padding: 400px 0 30px 0;
	}
}
@media only screen and (max-width:400px) {
	.image-text-overlay.content-bottom .wrapper {
		padding: 300px 0 30px 0;
	}
	.image-text-overlay.content-top .wrapper {
		padding: 200px 0;
	}
}
@media only screen and (max-width:400px) {
	.image-text-overlay .arrow {
		display: none;
	}
	.image-text-overlay.content-bottom .wrapper {
		padding: 200px 0 30px 0;
	}
	.image-text-overlay.content-top .wrapper {
		padding: 100px 0;
	}
}

/********************************************************************************************* 

x. Image + Quotation + Video + Text

*********************************************************************************************/
@media only screen and (max-width:700px) {
	.image-quotation-video-text .columns .column.width-50 {
		width: 100%;
	}
}
@media only screen and (max-width:400px) {
	.image-quotation-video-text .quotation {
		padding: 40px 20px;
	}
	.image-quotation-video-text .quotation .mark.bottom {
		right: 20px;
	}
	.image-quotation-video-text .quotation .mark.top {
		left: 20px;
	}
}



/********************************************************************************************* 

x. Interactive Image + Text (Columns)

*********************************************************************************************/
@media only screen and (max-width:1100px) {
	.interactive-image-text-columns .columns .inside {
		padding: 50px;
	}
}
@media only screen and (max-width:1000px) {
	.interactive-image-text-columns .columns {
		display: block;
	}
	.interactive-image-text-columns .columns .column.width-40,
	.interactive-image-text-columns .columns .column.width-60 {
		width: 100%;
		display: block;
	}
}
@media only screen and (max-width:500px) {
	.interactive-image-text-columns .wrapper.bottom {
		margin: 0;
	}
	.interactive-image-text-columns .wrapper.top {
		padding: 50px 0;
	}
	.interactive-image-text-columns .background .dot {
		width: 10px; height: 10px;
	}
}


/********************************************************************************************* 

x. Latest Posts

*********************************************************************************************/
@media only screen and (max-width:1000px) {
	.latest-posts .post {
		padding: 0;
	}
}
@media only screen and (max-width:800px) {
	.latest-posts .content.top {
		padding: 0 0 50px 0;
	}
}
@media only screen and (max-width:500px) {
	.latest-posts .columns .column:first-of-type {
		margin: 0 0 30px 0;
	}
	.latest-posts .columns .column.width-30,
	.latest-posts .columns .column.width-70 {
		width: 100%;
	}
	.latest-posts .content.top {
		padding: 0 0 30px 0;
	}
}
@media only screen and (max-width:400px) {
	.latest-posts .content.bottom {
		padding: 0;
	}
}

/********************************************************************************************* 

x. Locations Carousel

*********************************************************************************************/
@media only screen and (max-width:600px) {
	.locations-carousel.slick {
		padding: 60px 0 0 0;
	}
}

/********************************************************************************************* 

x. Masthead

*********************************************************************************************/
@media only screen and (max-width:900px) {
	.masthead .seattle-dances-stars .stars {
		display: none;
	}
	.masthead .seattle-dances-stars svg {
		width: 100%; height: auto;
	}
}
@media only screen and (max-width:500px) {
	.masthead .key-to-hope {
		width: 100%; height: auto;
	}
}


/********************************************************************************************* 

x. Newsroom

*********************************************************************************************/
@media only screen and (max-width:900px) {
	.newsroom .post.width-33 {
		width: 50%;
	}
}
@media only screen and (max-width:600px) {
	.newsroom .post.width-33 {
		width: 100%;
	}
}

/********************************************************************************************* 

x. Partner Quotations Carousel

*********************************************************************************************/
@media only screen and (max-width:1300px) {
	.partner-quotations-carousel .tabs li a {
		font-size: 0.800em;
		padding: 20px;
	}
}
@media only screen and (max-width:1000px) {
	.partner-quotations-carousel .tabs li {
		margin: 0 0 5px 0;
		display: block;
	}
}
@media only screen and (max-width:600px) {
	.partner-quotations-carousel .columns {
		margin: 0;
	}
	.partner-quotations-carousel .columns .column.width-30,
	.partner-quotations-carousel .columns .column.width-70 {
		width: 100%;
	}
	.partner-quotations-carousel .columns .column.width-30 {
		margin: 0 0 30px 0;
	}
	.partner-quotations-carousel .columns .column .image {
		max-width: 200px;
		margin: 0 auto;
	}
	.partner-quotations-carousel .columns .column .inside {
		padding-right: 0;
	}
}
@media only screen and (max-width:400px) {
	.partner-quotations-carousel .columns .column .image {
		max-width: 150px;
	}
}

/********************************************************************************************* 

x. Past Dancers

*********************************************************************************************/
@media only screen and (max-width:900px) {
	.past-dancers .names li {
		width: 50%;
	}
}
@media only screen and (max-width:500px) {
	.past-dancers .names li {
		width: 100%;
	}
}

/********************************************************************************************* 

x. Quotation

*********************************************************************************************/
@media only screen and (max-width:600px) {
	.quotation .mark svg {
		width: 30px; height: auto;
	}
	.has-sidebar .quotation .acknowledgment {
		padding: 0 40px 0 0;
	}
	.quotation .mark.bottom {
		bottom: 10px;
	}
	.quotation .mark.top {
		top: 10px;
	}
}

/********************************************************************************************* 

x. Resident Stories Carousel - 1 Visible

*********************************************************************************************/
@media only screen and (max-width:1200px) {
	.resident-stories-carousel-one-visible .arrow,
	.resident-stories-carousel-one-visible .arrow svg {
		width: 700px; height: auto;
	}
}
@media only screen and (max-width:1000px) {
	.resident-stories-carousel-one-visible .columns {
		display: block;
	}
	.resident-stories-carousel-one-visible .columns .column {
		width: 100%;
		display: block;
	}
	.resident-stories-carousel-one-visible .columns .column:first-of-type {
		margin: 0 0 50px 0;
	}
	.resident-stories-carousel-one-visible .columns .inside {
		margin: 0;
	}
	.resident-stories-carousel-one-visible .image {
		max-width: 300px;
		margin: 0 auto;
	}
	.resident-stories-carousel-one-visible .wrapper {
		padding: 50px 0;
	}
	.resident-stories-carousel-one-visible.proof .wrapper {
		padding: 50px 0 100px 0;
	}
}
@media only screen and (max-width:700px) {
	.resident-stories-carousel-one-visible .arrow,
	.resident-stories-carousel-one-visible .arrow svg {
		width: 600px; height: auto;
	}
}
@media only screen and (max-width:500px) {
	.resident-stories-carousel-one-visible .arrow,
	.resident-stories-carousel-one-visible .arrow svg {
		width: 400px; height: auto;
	}
}
@media only screen and (max-width:400px) {
	.resident-stories-carousel-one-visible .arrow {
		display: none;
	}
	.resident-stories-carousel-one-visible .image {
		max-width: 200px;
	}
	.resident-stories-carousel-one-visible .wrapper {
		padding: 30px 0;
	}
	.resident-stories-carousel-one-visible.proof .wrapper {
		padding: 30px 0 100px 0;
	}
}

/********************************************************************************************* 

x. Resident Stories Carousel - 3 Visible

*********************************************************************************************/
@media only screen and (max-width:1100px) {
	.resident-stories-carousel-three-visible .inside {
		margin: 0 0 0 50px;
	}
	.resident-stories-carousel-three-visible .wrapper.bottom {
		margin-left: calc(-13.5% + -50px);
	}
}
@media only screen and (max-width:1023px) {
	.resident-stories-carousel-three-visible .wrapper.bottom {
		margin-left: 0;
	}
}
@media only screen and (max-width:800px) {
	.resident-stories-carousel-three-visible .wrapper {
		padding: 50px 0;
	}
	.resident-stories-carousel-three-visible .wrapper.bottom {
		margin-left: 0;
	}
}
@media only screen and (max-width:600px) {
	.resident-stories-carousel-three-visible .wrapper {
		padding: 30px 0;
	}
}

/********************************************************************************************* 

x. Single

*********************************************************************************************/
@media only screen and (max-width:1100px) {
	.single main .columns {
		margin: 0 -25px;
	}
	.single main .columns .inside {
		margin: 0 25px;
	}
}
@media only screen and (max-width:800px) {
	.single main .columns {
		margin: 0 -25px;
	}
	.single main .columns .column:first-of-type {
		margin: 0 0 30px 0;
	}
	.single main .columns .column.width-30,
	.single main .columns .column.width-70 {
		width: 100%;
	}
}

/********************************************************************************************* 

x. Slideshow

*********************************************************************************************/
@media only screen and (max-width:1100px) {
	.slideshow .slideshow .wrapper {
		margin: 0 50px;
	}
}
@media only screen and (max-width:700px) {
	.slideshow .slideshow li {
		padding: 400px 0 100px 0;
	}
}
@media only screen and (max-width:500px) {
	.slideshow .slideshow .wrapper {
		margin: 0 30px;
	}
	.slideshow .slideshow li {
		padding: 300px 0 100px 0;
	}
}
@media only screen and (max-width:415px) {
	.slideshow .slideshow li {
		padding: 200px 0 100px 0;
	}
}

/********************************************************************************************* 

x. Sponsors

*********************************************************************************************/
@media only screen and (max-width:600px) {
	.sponsors .columns .column.width-50 {
		width: 100%;
	}
	.sponsors .columns.fifth .column:first-of-type .inside,
	.sponsors .columns.fourth .column:first-of-type .inside, 
	.sponsors .columns.second .column:first-of-type .inside,
	.sponsors .columns.sixth .column:first-of-type .inside,  
	.sponsors .columns.third .column:first-of-type .inside {
		border-right: none;
	}
}

/********************************************************************************************* 

x. Sub Navigation

*********************************************************************************************/
@media only screen and (max-width:1100px) {
	.navigation.sub {
		padding: 30px 50px 15px 50px;
	}
}
@media only screen and (max-width:1000px) {
	.navigation.sub li {
		margin: 0 15px;
	}
}
@media only screen and (max-width:700px) {
	.navigation.sub.stickiness {
		display: none;
	}
}
@media only screen and (max-width:600px) {
	.navigation.sub li {
		margin: 0 10px;
	}
}
@media only screen and (max-width:500px) {
	.navigation.sub a:after {
		height: 2.5px;
		bottom: 10px;
	}
}

/********************************************************************************************* 

x. Supporters Carousel

*********************************************************************************************/
@media only screen and (max-width:1300px) {
	.supporters-carousel .tabs li a {
		font-size: 0.800em;
		padding: 10px;
	}
	.supporters-carousel .names li {
		width: 33.33%;
	}
}
@media only screen and (max-width:1000px) {
	.supporters-carousel .tabs li {
		margin: 0 0 5px 0;
		display: block;
	}
	.supporters-carousel .names li {
		width: 50%;
	}
}
@media only screen and (max-width:500px) {
	.supporters-carousel .names li {
		width: 100%;
	}
}

/********************************************************************************************* 

x. Statements Carousel

*********************************************************************************************/
@media only screen and (max-width:1100px) {
	.statements-carousel .wrapper {
		padding: 60px 0; 
	}
	.statements-carousel .content {
		margin: 0 0 -40px 0;
	}
}
@media only screen and (max-width:900px) {
	.statements-carousel .statements-wrapper {
		background: white;
		padding: 40px 0 0 0;
	}
}
@media only screen and (max-width:600px) {
	.statements-carousel .statements .slide {
		padding: 0 10px;
	}
}
@media only screen and (max-width:415px) {
	.statements-carousel .content {
		margin: 0 0 -20px 0;
	}
	.statements-carousel .statements-wrapper {
		padding: 20px 0 0 0;
	}
}

/********************************************************************************************* 

x. Text

*********************************************************************************************/
@media only screen and (max-width:1200px) {
	.text .arrow,
	.text .arrow svg {
		width: 700px; height: auto;
	}
}
@media only screen and (max-width:700px) {
	.text .arrow,
	.text .arrow svg {
		width: 600px; height: auto;
	}
}
@media only screen and (max-width:500px) {
	.text .arrow,
	.text .arrow svg {
		width: 400px; height: auto;
	}
}
@media only screen and (max-width:400px) {
	.text .arrow {
		display: none;
	}
}

/********************************************************************************************* 

x. Timeline

*********************************************************************************************/
@media only screen and (max-width:1200px) {
	section.timeline .event:after, 
	section.timeline .event:before {
		left: 198.5px;
		-moz-transform: translateX(0);
		-webkit-transform: translateX(0);
		-o-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0);
	}
	section.timeline .event .columns .column:first-child {
		width: 220px;
	}
	section.timeline .event .columns .column:last-child {
		width: 100%;
	}
	section.timeline .event .columns .column .inside .image {
		width: 200px;
	}
	section.timeline .event.even .columns {
		flex-direction: row;
	}
	section.timeline .event.even .columns .column:first-child {
		-moz-transform: translateX(-50px);
		-webkit-transform: translateX(-50px);
		-o-transform: translateX(-50px);
		-ms-transform: translateX(-50px);
		transform: translateX(-50px);
	}
	section.timeline .event.even .columns .column:last-child {
		-moz-transform: translateX(50px);
		-webkit-transform: translateX(50px);
		-o-transform: translateX(50px);
		-ms-transform: translateX(50px);
		transform: translateX(50px);
	}
	section.timeline .event.even .columns .column .inside .content {
		text-align: left;
	}
	section.timeline .event.first {
		padding-top: 70px;
	}
}

@media only screen and (max-width:1000px) {
	section.timeline.open .angles {
		height: 60px;
	}
	section.timeline .event {
		padding-left: 15px;
	}
	section.timeline .event:after, 
	section.timeline .event:before {
		left: 0;
	}
	section.timeline .event .columns .column:first-child {
		display: none !important;
	}
}

/********************************************************************************************* 

x. Video

*********************************************************************************************/
@media only screen and (max-width:400px) {
	.video .caption {
		display: none;
	}
	.video .play svg,
	.video .play.small svg {
		width: 40px; height: 40px;
	}
}

/********************************************************************************************* 

x. Video Carousel

*********************************************************************************************/
@media only screen and (max-width:1300px) {
	.video-carousel .gold-overlay {
		bottom: 70%;
	}
}
@media only screen and (max-width:700px) {
	.video-carousel .gold-overlay {
		bottom: calc(100% - 10px);
	}
	.video-carousel .video {
		margin: 0 5px;
	}
}
@media only screen and (max-width:600px) {
	.slick-prev,
	.slick-next {
		display: none !important;
	}
	.video-carousel.slick {
		padding: 0;
	}
	.video-carousel .gold-overlay {
		bottom: 100%
	}
}

/********************************************************************************************* 

x. Video Text

*********************************************************************************************/
@media only screen and (max-width:1200px) {
	.video-text.proof .arrow,
	.video-text.proof .arrow svg {
		width: 700px; height: auto;
	}
}
@media only screen and (max-width:900px) {
	.video-text.proof .wrapper.middle {
		padding: 0;
	}
}
@media only screen and (max-width:800px) {
	.video-text.seattle-dances .wrapper.bottom {
		padding: 35px 0;
	}
	.video-text.seattle-dances .wrapper.middle {
		margin-right: 0;
	}
}
@media only screen and (max-width:700px) {
	.video-text.proof .arrow,
	.video-text.proof .arrow svg {
		width: 600px; height: auto;
	}
}
@media only screen and (max-width:500px) {
	.video-text.proof .arrow,
	.video-text.proof .arrow svg {
		width: 400px; height: auto;
	}
}
@media only screen and (max-width:400px) {
	.video-text.proof .arrow {
		display: none;
	}
}


/********************************************************************************************* 

x. Video + Text (Columns)

*********************************************************************************************/
@media only screen and (max-width:1100px) {
	.video-text-columns .wrapper {
		padding: 50px;
	}
	.video-text-columns.video-left .wrapper.bottom {
	    padding-left: calc(60% + 50px);
	}
	.video-text-columns.video-right .wrapper.bottom {
	    padding-right: calc(60% + 50px);
	}
}
@media only screen and (max-width:1000px) {
	.video-text-columns .image {
		width: 50%;
	}
	.video-text-columns.video-left .wrapper.bottom {
	    padding-left: calc(50% + 50px);
	}
	.video-text-columns.video-right .wrapper.bottom {
	    padding-right: calc(50% + 50px);
	}
}
@media only screen and (max-width:900px) {
	.video-text-columns .image {
		width: 40%;
	}
	.video-text-columns.video-left .wrapper.bottom {
	    padding-left: calc(40% + 50px);
	}
	.video-text-columns.video-right .wrapper.bottom {
	    padding-right: calc(40% + 50px);
	}
}
@media only screen and (max-width:600px) {
	.video-text-columns .image {
		width: 100%;
	}
	.video-text-columns.video-left .wrapper.bottom {
	    padding-left: 50px;
	}
	.video-text-columns.video-right .wrapper.bottom {
	    padding-right: 50px;
	}
}
@media only screen and (max-width:500px) {
	.video-text-columns .wrapper {
		padding: 30px;
	}
	.video-text-columns.video-left .wrapper.bottom {
	    padding-left: 30px;
	}
	.video-text-columns.video-right .wrapper.bottom {
	    padding-right: 30px;
	}
}

/********************************************************************************************* 

x. WordPress Core

*********************************************************************************************/
@media only screen and (max-width:600px) {
	.alignleft,
	.alignright {
		max-width: 50% !important;
	}
}
@media only screen and (max-width:400px) {
	.alignleft,
	.alignright {
		width: 100% !important;
		max-width: 100% !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
	}
}