.h-intro {
		position: relative;
		height: auto;
		padding: 3em auto;
		background-color: var(--brand-yellow);
		background-image: url('/wp-content/themes/columbia-hospitality/assets/images/hooray/pattern-repeat.png');
		background-position: top right;
		background-size: 160px 182px;
		background-repeat: repeat-y;
	}
	.h-intro .h-inner {
		display: flex;
    justify-content: flex-start;
    flex-flow: row wrap;
		width: 90%;
		max-width: 2000px;
		margin: 0 auto;
		padding: 8em 0;
	}
	.h-intro .h-inner .h-accent-image-small.right {
		position: absolute;
		top: -75px;
		right: 5%;
	}
	.h-intro  .h-inner .h-accent-image.left {
		position: relative;
		top: 130px;
		margin:0 8% 0 0;
		width: 500px;
	}
	.h-intro .h-content {
		position: relative;
		width: calc(90% - 500px);
		color: #FFF;
		z-index: 5;
	}
	.h-intro .h-content.title-buffer {
		align-self: flex-end;
		margin-top: 260px;
	}
	.h-intro .h-titles-wrapper {
		display: flex;
		flex-flow: column;
		text-align: center;
		width: calc(100% - 400px);
		margin-top: 3em;
		margin-bottom: 3em;
		z-index: 3;
	}
	.h-intro .h-title.left {
		position: relative;
		left: 20% ;
		color: #FFF;
		text-align: left;
		flex-basis: 100%;
	}
	.h-intro .h-title.right {
		position: relative;
		right: -5%;
		color: #FFF;
		text-align: right;
		width: 100%;
		flex-basis: 100%;
	}
	@media screen and (max-width: 1024px) {
		.h-intro  {background-position: 108% 0; min-height: unset; }
		.h-intro .h-content { width: calc(100% - 500px); }
		.h-intro .h-inner { background-color: var(--brand-yellow); padding: 3em 0;}
		.h-intro .h-titles-wrapper {  margin-top: 0; }
		.h-intro .h-title.left { font-size: 60px!important; line-height: 60px; left: 0; text-align: left;}
		.h-intro .h-title.right { font-size: 60px!important; line-height: 60px; left: 0; text-align: left;}
	}
	@media screen and (max-width: 880px) {
		.h-intro  {background-position: 108% 0; min-height: unset; }
		.h-intro .h-content { width: 100% }
		.h-intro .h-inner { background-color: var(--brand-yellow); padding: 3em 0;}
		.h-intro .h-titles-wrapper { width: 100%; margin-top: 0; z-index: 3; }
		.h-intro .h-title.left { left: 0; text-align: left;}
		.h-intro .h-title.right { left: 0; text-align: left;}
		.h-intro .h-inner .h-accent-image.left { margin: 90px auto 60px; order: 5; }
		.h-intro .h-content.title-buffer {align-self: flex-end; margin-top: 320px;
	}
	}
	@media screen and (max-width: 480px) {
		.h-intro  {background-position: 108% 0; min-height: unset; }
		.h-intro .h-content { width: 100% }
		.h-intro .h-inner { background-color: var(--brand-yellow); padding: 3em 0;}
		.h-intro .h-titles-wrapper { position: relative; top: -30px; margin-top: 0; margin-bottom: 0; z-index: 3; }
		.h-intro .h-title.left { font-size: 38px!important; line-height: 42px; left: 0; text-align: left;}
		.h-intro .h-title.right { font-size: 38px!important; line-height: 42px; left: 0; text-align: left;}
		.h-intro .h-inner .h-accent-image-small.right { position: relative; width: 100%; top: -150px;right: 0;}
		.h-intro .h-inner .h-accent-image.left { width: 90%; margin: 90px auto 60px; order: 5; }
		.h-intro .h-content.title-buffer {align-self: flex-end; margin-top: 0;}
	}