#banner-intro,
	.case_intro,
	.case_intro .btn,
	#brands,
	#brands .btn_sp,
	#brands > a > div,
	ol.poi {
		display: flex;
		display: -webkit-flex;
	}

	.case_intro > *,
	#brands .btn_sp,
	#brands > a > div {
		flex-direction: column;
		-webkit-flex-direction: column;
	}



	#banner-intro h1 {
		font-size: 4rem;
		text-transform: none;
	}


	#banner-intro h1,
	#banner-intro h1 + p {
		flex-wrap: nowrap;
		-webkit-flex-wrap: nowrap;
		align-items: flex-start;
		-webkit-align-items: flex-start;
		text-align: left;
	}


	
	body#case-study.article #banner-intro {
		background-color: transparent;
		margin-bottom: 3vw;
		padding-top: 3vw;
	}

		
	body#case-study.article section.case_study {
		background-color: var(--white);
		margin-bottom: 1vw;
		padding-bottom: 3vw;
		padding-top: 3vw;
	}


	#banner-intro h2 {
		margin-bottom: 30px;
	}

	#banner-intro > div > * {
		flex: unset;
		-webkit-flex: unset;
	}

	#banner-intro p {
		font-size: 1.6em;
	}

	#banner-intro .col_a {
		justify-content: center;
	}

	#banner-intro .case_panel {
		transform: none;
	}



	
	.case_study,
	.case_intro {	
		padding: 0px;
	}


		
	.case_intro {		
		/*background-color: #f5f2e8;
		background-color: var(--white);*/
		border-radius: 10px;
		height: 40vh;
		margin-left: 20px;
		min-height: 500px;
		position: relative;
		overflow: hidden;
		width: calc(100% - 40px);		
	}
	
	
	.case_study h2:after {
		border-color: #d5ccc4;
	}
	
		
	
	.case_intro h2 {
		/*font-weight: 600;*/
		margin-bottom: 2vw;
		margin-top: 2vw;
		transition-duration: .3s;
		transform: translateY(40px);
	}
			
	
	.case_intro h2,
	.case_intro p,
	.case_intro .btn {
		opacity: 0;
		transition-delay: 1s;
		transition-property: background, opacity, transform, color;
		-webkit-transition-property: background, opacity, transform, color;	
	}
			
	
	/*.case_intro h2,
	.case_intro p {
		padding-left: 4vw;
		padding-right: 4vw;
	}*/
					
	
	.case_intro p {
		transition-duration: .5s;
		margin-bottom: 20px;
		text-align: left;
	}
	
	
	.case_intro label {
		border: none;
		font-style: italic;
	}
	
	.case_intro .btn {
		align-items: center;
		-webkit-align-items: center;
		justify-content: center;
		-webkit-justify-content: center;
		border:2px solid #d4ccc4;
		margin: 3vw 20px 0px 20px;
		transition-duration: .8s;
	}

	.case_intro.fade-in h2,
	.case_intro.fade-in p,
	.case_intro.fade-in .btn {
		opacity: 1;
	}
	
	.case_intro.fade-in h2 {
		margin-bottom: 10px;
		transform: translateY(0px);
	}
		
	
	
	
	.body {
		margin-bottom: 5vw;
	}
	
	.body ul {
		list-style: decimal;
	}
	
	.body h2 {
		margin-top: calc(15px + 2vw);
	}
	
	.body h2 + p {		
		text-align: left;
	}
	
		

	.cms p {
		margin-bottom: 1em;
	}
	
	
	
	#guide.body.cms > *:first-of-type {
		padding-top: 20px;
	}


	.lead_in > div {
		background-color: var(--pale-sky);
		border-radius: 5px;
		float: left;
	}
	
	.lead_in h3 + p {
		margin-top: 5px;
	}


	ol.poi {
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		list-style-position: inside;
		list-style: none;
	}
	
	ol.poi li {
		background: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' height='14' viewBox='0 0 15.6 25.8'><g fill-rule='evenodd'><path fill-rule='evenodd' clip-rule='evenodd' fill='%23240033' d='M14.2,14L3,25.2l-2.1-2.1s0,0,4.9-4.9S.9,2.8.9,2.8L3,.6l11.2,11.2c.7.7.8,1.4,0,2.1Z'/></g></svg>") center left no-repeat;	
		line-height: 2;
		padding-left: 14px;
	}
	
	ol.poi li a {
		color: inherit;
		cursor: pointer;
	}
	
	ol.poi li::marker {
		font-size: 14px;
		margin-right: 5px;
	}
		
	
	
	#sign-up-b {
		padding-top:5vw;
		padding-bottom:10vw;
	}
	
	
	
	@media (max-width: 991px) {
		
		body .case_study .bnr h1 {
			margin-bottom: 5px;
			margin-top: 0px;
		}
		
		body .case_study .bnr {
			min-height: unset;
		}
		
		
		body .case_study .bnr .col_b {
			padding: 0px 15px 20px 15px;
		}
		
		
		/*body#moving-in .case_study .bnr .col_b {
			padding: 0px 0px 20px 0px;
		}*/
		
		
		#banner-intro .col_a {
			padding: 0px 30px;
		}
		
		#banner-intro p {
			padding-left: 20px;
			padding-right: 20px;
		}
		
		#banner-intro .case_panel {
			margin: 0px;
			max-width: 100%;
			padding: 20px;
		}
		
		
		
		.case_intro {
			flex-direction: column;
			padding: calc(2vw + 15px) 0px;
		}
		
		.case_intro > * {
			width: 100%;
		}
		
		.case_intro picture {
			border-radius: 10px;
			overflow: hidden;
		}
		
		.case_intro picture,
		.case_intro h2 {
			margin-bottom: 15px;
		}
		
		.case_intro h2 {
			/*font-size: 2.5rem;*/
			font-weight: 600;
		}
		
		
		.case_intro .btn {
			width: auto;
		}


		.lead_in > div {
			border-radius: 10px;
			margin: 20px 20px 0px 20px;
			padding: 0px 15px 15px 15px;
		}

		ol.poi li {
			width: 50%;
		}

		
		.body {
			padding: 10px 40px;
		}
				
		
		body#moving-out #it-works h2 {
			padding: 0px 20px;
		}
	}
	
	
	
	
	@media (min-width: 992px) {

		body#case-study.article #banner-intro .col_a {
			width: 60%;
		}
		
		
		body#moving-in .case_study .bnr h1:after {
			content: ' in';
		}
		

		#banner-intro {
			padding:0vw 4rem 2vw 0px;
		}


		#banner-intro .col_a {
			padding:0px 4rem 0px 10vw;
			width: calc(70% - 8vw + 2rem);
		}

		#banner-intro .case_panel {
			padding:0vw 4rem;
		}
		
		
		.body > *,		
		.body > ul li > * {
			padding-left: 12vw;
			padding-right: 12vw;
		}
		
		.lead_in {
			color: var(--purple-darkest);
			padding: 0px calc(24vw - 30px);
		}


		.lead_in > div {
			margin-top: 40px;
			padding: 0px 30px 15px 30px;
		}

		ol.poi li {
			width: 250px;
		}
		
		

		.case_study h2 {
			margin-bottom: 3vw;
		}

		.case_intro .btn:hover {
			background-color: #d4ccc4 !important;
			text-decoration: none;
			transition-duration: .3s;
		}
	
	
		.case_intro .col_a {	
			min-height: 100%;
			width: 60%;
		}
		
		#case-study > section.case_study:nth-of-type(even) .case_intro {
			flex-direction: row-reverse
		}


		
		#location {
			margin-bottom: 2vw;
		}
	}
		


	@media (min-width: 1200px) {	
	}
	
	
	
	@media screen and (min-width: 1600px) {
			
		#location,
		#cs-map {
			border-radius: 5px;
		}
		
		#location {
			padding: 0px 12vw;
		}
		
	}