@media screen and (max-width: 768px) {
	body.logged-in {
		padding-bottom: 0;
	}

	#brio-admin-bar, #top-signup, #btr-header-right {
		display: none;
	}

	#btr-header-left {
		left: 10px;
		right: 10px;
		width: auto;
		text-align: center;
	}

	#btr-header-left img {
		max-width: 100%;
		height: auto !important;
	}

	div.centered, .mincontainer {
		width: auto !important;
		min-width: 0 !important;
	}

	#video-container, #footer-bg, #footer-col-2 {
		display: none;
	}

	/*
	body.layout-home #footer-bg {
		display: block;
	}
	*/

	#section4-left, #section4-right {
		padding: 0 10px;
		float: none;
		text-align: center;
		width: auto;
	}

	#section4-left {
		margin-bottom: 30px;
	}

	#footer-col-1, #footer-col-2, #footer-col-3 {
		padding: 0 10px;
		float: none;
		text-align: center;
		width: auto;
	}

	.metro {
		font-size: 12px;
	}

	.metro.wwmo, .metro.blog {
		float: none;
		width: auto;
		text-align: center;
		height: 310px;
	}

	.metro.p1, .metro.p2, .metro.content, .metro.twitter {
		width: 50%;
		height: 250px;
	}

	.metro h2 {
		font-size: 20px;
	}

	.metro h3 {
		font-size: 16px;
	}

	.dirfeed-bg .details .title {
		font-size: 20px;
	}

	.dirfeed-bg .details .subtitle {
		font-size: 16px;
	}

	#box_14 {
		padding: 0 10px;
	}

	#so-what-is {
		background: url(images/480/so-what-is.png) center no-repeat;
		width: 346px;
		height: 291px;
		margin: 140px auto 35px;
	}

	#section3-bg {
		height: auto !important;
	}

	#section3-content {
		margin-bottom: 0;
	}

	#section4-top div.content_plaintext {
		font-size: 72px;
	}

	#start-living {
		/*background: url(images/480/start-living.png) center no-repeat;*/
		background-size: contain;
		width: 419px;
		height: 267px;
	}

	#homepage-splash {
		background: url(images/480/splash-bg.jpg) center no-repeat;
		background-size: cover;
	}

	#section3-bg .play-video {
		width: 153px;
		height: 45px;
		background: url(images/480/play-video.png) center no-repeat;
	}

	#nav-bg, #nav-bg.fixed {
		position: fixed;
		top: 0;
		right: 0;
		left: 0;
		background: #faf4c8;
		bottom: auto;
		height: auto;
		padding: 1px 0;
		z-index: 6;
	}

	#nav-bg .nav-links {
		display: none;
	}

	#logo {
		background: url(images/480/nav-logo.png) center no-repeat;
		width: 116px;
		height: 36px;
		position: relative;
		margin: 10px auto;
		top: auto;
		left: auto;
	}

	#nav-social {
		left: auto;
		width: auto;
		top: 5px;
		right: 5px;
		display: none;
	}

	#nav-toggle {
		width: 30px;
		height: 30px;
		cursor: pointer;
		position: absolute;
		top: 5px;
		left: 15px;
		background: url(images/480/nav-trigger.png) center no-repeat;
	}

	#nav-left, #nav-right {
		position: relative;
		left: auto;
		top: auto;
		min-width: 0;
		right: auto;
	}

	#nav-bg .nav-links.show {
		display: block;
		position: fixed;
		left: 0;
		top: 58px;
		bottom: 0;
		background: #63878f;
		right: 0;
		overflow: hidden;
		z-index: 3;
	}

	#nav-bg .nav-links .nav-scroll {
		position: absolute;
		left: 0;
		top: 0;
		right: -40px;
		padding-right: 40px;
		bottom: 0;
		overflow: scroll;
	}

	#nav-bg .nav-links ul ul {
		display: none;

	}

	#nav-bg .nav-links ul li {
		display: block;
		float: none;
		padding: 20px 0;
		text-align: center;
		font-size: 20px;
		border-bottom: 1px #66bbb4 solid;
		letter-spacing: 1px;
	}

	ul.dropdown {
		float: none;
	}

	html,
	body {
	  height: 100%;
	  width: 100%;
	  overflow: auto;
	}

	a.love-note {
		display: block;
		width: 91px;
		height: 102px;
		background: url(images/480/love-note.png) center no-repeat;
		margin: 20px auto;
	}

	#nav-pad {
		height: 58px;
	}

	#col2-bg {
		padding: 0;
		background: none;
	}

	#left-col, #right-col {
		width: auto;
		float: none;
		padding: 0 10px;
	}

	#section3-bg img {
		max-width: 100% !important;
	}

	#left-col img, 
	#left-col iframe, 
	#right-col img,
	#right-col iframe {
		max-width: 100% !important;
	}

	#left-col img, 
	#right-col img {
		height: auto !important;
	}

	#box_37 {
		display: none;
	}

	#box_40 {
		background: #63878f;
		padding: 10px 0 20px;
		color: #fff;
		margin: 15px 0;
	}


	#portfolio {
		width: auto;
		text-align: center;
	}

	.port-syn {
		position: relative !important;
		margin: 10px 4px;
		width: 222px;
	}

	.port-syn .img {
		width: 222px;
	}

	.port-full .left-col,
	.port-full .right-col {
		text-align: center;
		float: none;
		width: auto;
		padding: 0 10px;
	}

	.port-full .gallery {
		width: auto;
	}

	.blog-syn {
		width: 100% !important;
	}

	#blog-bar-bg div.content_blog2_nav .categories {
		display: none;
	}

	.blog-detail-image .info {
		width: auto;
		padding: 0 10px;
	}

	.blog-full .left-col, .blog-full .right-col, .left-col, .right-col {
		width: auto;
		padding: 0 10px;
		float: none;
		text-align: center;
	}

	.blog-full .left-col {
		padding-bottom: 40px;
	}

	.left-col hr {
		background-position: center;
	}

	.blog-detail-image .info .title h1 {
		font-size: 54px;
	}

	.left-col img, 
	.left-col iframe, 
	.right-col img,
	.right-col iframe {
		max-width: 100% !important;
	}

	.left-col img, 
	.right-col img {
		height: auto !important;
	}

	div.content_contact .stack, div.content_contact .captcha, div.content_contact div.submit { 
		text-align: center;
	}

	div.content_contact .stack textarea {
		width: 253px;
	}

	#box_33 {
		text-align: center;
	}

	div.staff-member .top .headshot,
	div.staff-member .top .right {
		float: none;
		width: auto;
		text-align: center;
		padding: 0;
	}

	div.staff-member .top .right {
		padding-bottom: 20px;
	}

	#team-members {
		margin-bottom: 30px;
	}

	div.staff-member .top .headshot img {
		margin: 0;
		max-width: 100% !important;
	}

	div.staff-member .top .title {
		font-size: 20px;
		margin-bottom: 15px;
	}

	.left-col {
		border: none;
	}

	#left-col {
		display: none;
	}

	body.page-7 #left-col {
		display: block;
	}

	#box_42 {
		display: block;
		background: #077581;
	}

	#box_42 ul li {
		display: block;
	}

	#box_42 ul li a {
		color: #fdfbee;
	}

	.port-full .nav {
		padding: 0;
	}

	.port-full .nav .w33 {
		width: auto;
		float: none;
	}

	.port-full .nav .prev,
	.port-full .nav .home,
	.port-full .nav .next {
		text-align: center;
		width: auto;
		float: none;
		background: none;
		padding: 0;
		border-bottom: 1px #616262 solid;
		padding: 10px 0;
	}

	.port-full .nav .next a,
	.port-full .nav .prev a {
		padding: 0;
	}

	.blog-new-header {
		background-position: bottom left;
		height: 300px;
		background-size: cover;
		background-attachment: scroll;
	}

	.blog-new-logo {
		margin-top: 100px;
	}

	.blog-syn-new .left {
		width: auto;
		text-align: center;
		float: none;
	}

	.blog-syn-new .right.with-image {
		width: auto;
		float: none;
	}

	div.section .left, div.section .right {
		float: none;
	}

	div.section .centered {
		width: auto;
	}

	div.section .l1,
	div.section .r1,
	div.section .l2,
	div.section .r2 {
		width: auto;
	}

	div.section .r2 {
		text-align: center;
	}

	div.section iframe {
		max-width: 100% !important;
	}

	div.section .centered {
		padding: 0 15px;
	}

	span.small {
		font-size: 28px;
	}

	span.smaller {
		font-size: 28px;
		font-weight: bold;
	}

	span.medium {
		font-size: 34px;
	}

	span.mediumer {
		font-size: 34px;
		font-weight: bold;
	}

	span.large {
		font-size: 40px;
	}

	span.larger {
		font-size: 40px;
		font-weight: bold;
	}

	#content-header .jscript_image .more {
		padding: 50px 20px;
	}

	body.layout-cup #content-header, #content-header .jscript_image {
		height: 400px;
	}

	#box_62 {
		text-align: center;
	}

	#box_62 .brand {
		max-width: 100%;
		overflow: hidden;
	}

	.content-header-bg .mask {
		display: none;
	}

	.section-content img {
		max-width: 100%;
	}

	.section-content .left, .section-content .right {
		float: none;
	}

	.section-content .small, .section-content .large {
		width: auto;
	}

	.section-content .small {
		text-align: center;
	}

	.section-content .large {
		padding: 0 20px;
	}

	.btestimonial {
		text-align: center;
	}

	.btestimonial .left, .btestimonial .right {
		display: inline-block;
		vertical-align: top;
	}

	.half {
		float: none;
		width: auto;
	}

	.event-listings .date {
		float: none;
		display: inline-block;
		vertical-align: top;
	}

	.event-listings .info {
		width: auto;
		float: none;
		display: inline-block;
		vertical-align: top;
		padding: 0 20px;
	}

	.in-event .right-col,
	.in-event .left-col {
		float: none;
		width: auto;
		margin-bottom: 20px;
	}

	.in-event .left-col {
		border: none;
		padding: 0 20px;
	}

	.in-event .right-col img {
		max-width: 100%;
	}

	.in-event .event-listings .info {
		padding-bottom: 20px;
		width: auto;
		display: block;
		text-align: center;
	}

	.in-event h1 {
		text-align: center;
	}
}

@media screen and (max-width: 479px) {
	#start-living {
		/*background: url(images/320/start-living.png) center no-repeat;*/
		width: 286px;
		height: 182px;
	}

	.metro.p1, .metro.p2, .metro.content, .metro.twitter {
		width: 100%;
	}

	#so-what-is {
		background: url(images/320/so-what-is.png) center no-repeat;
		width: 297px;
		height: 250px;
	}

	#box_6 input.text {
		width: 220px;
	}

	h1 {
		font-size: 34px;
	}

	h2 {
		font-size: 26px;
	}

	h3 {
		font-size: 20px;
	}

	#portfolio-header .title {
		font-size: 28px;
	}

	#blog-bar-bg div.content_blog2_nav .search input.text {
		width: 220px;
	}

	.blog-detail-image .info .title h1 {
		font-size: 45px;
		line-height: 50px;
	}

	.blog-full p.sharethis {
		background: url(images/320/share.png) center no-repeat;
	}

	div.staff-member .top .name {
		font-size: 40px;
		line-height: 45px;
	}

	span.small {
		font-size: 18px;
	}

	span.smaller {
		font-size: 18px;
		font-weight: bold;
	}

	span.medium {
		font-size: 24px;
	}

	span.mediumer {
		font-size: 24px;
		font-weight: bold;
	}

	span.large {
		font-size: 30px;
	}

	span.larger {
		font-size: 30px;
		font-weight: bold;
	}

	body.layout-cup #content-header, #content-header .jscript_image {
		height: 350px;
	}
}