/* 2 COLUMN */
section.illustration{
}

.top-illustration section.illustration.large-padding {
	padding-top: 11rem;
}

section.illustration.large-margin {
	margin: 8rem 0;
}

section.illustration.large-padding:first-of-type {
	padding:3rem 0 5rem;
}

section.illustration.large-padding {
	padding:8rem 0;
}

section.illustration .container-fluid {
	display: flex;
	
}

section.illustration .row.content-cols{
	min-height: 400px;
	align-items: normal!important;
	width: 100%;
}

section.illustration div.image-container{
	position:relative;
	display: flex;
	min-height: 450px;
}

section.illustration div.image-container .image {
	height: 100%;
	width: 100%;
	display: flex;
	align-self: stretch;
	background-size: contain;
	background-position: center center;
	background-repeat:no-repeat;
}

section.illustration div.content {
	display: flex;
	align-items: center;
}

section.illustration h1 {
	font-size: 4em;
	font-weight: 900;
	margin: 0 0 2rem 0 ;
}

@media only screen and (min-width: 1100px) {
	section.illustration h1 {
		font-size: 6vw;
	}
}

section.illustration h2{
	position:relative;
	margin-bottom: 25px;
	padding-bottom: 5px;
	font-size: 3em;
	font-weight: 900;
	color: var(--third-color);
}

section.illustration hr {
	border: none;
	height: 1px;
	background: var(--white-color);
}

section.illustration h3{
	position:relative;
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 2em;
	font-weight: 500;
	color: var(--third-color);
}

section.illustration h4{
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-size: 1.75em;
	font-weight: 500;
	color: var(--third-color);
	text-wrap: balance;
}

section.illustration h5 {
	margin-bottom: 10px;
	padding-bottom: 5px;
	font-weight: 600;
	color: var(--second-color);
	text-wrap: balance;
}


section.illustration ul {
	list-style: none;
	padding-left: 0;
	margin: 0 0 1.5rem 0;
}

section.illustration ul li {
	margin: 1em 0;
	padding-left: 20px;
	position: relative;
	font-size: 0.875em;
}

section.illustration ul li:before {
	content:'\f0c8';
	font-family: 'Font Awesome 5 Pro';
	font-weight: 600;
	position: absolute;
	font-size: 0.75em;
	top: 4px;
	left: 0;
	color: var(--second-color);
}

section.illustration p.subtitle{
	color: #fff;
	font-size: 1.5em;
}

section.illustration p {
	color: var(--third-color);
	margin: 0 0 30px;
}



/* Blue styling */

section.illustration.blue {
	background: var(--third-color);
}

section.illustration.blue  p.subtitle {
	olor: var(--white-color);
	font-size: 1.5em;
}

section.illustration.blue h2 {
	color: var(--second-color);
	font-weight: 700;
}

section.illustration.blue hr {
	border: none;
	height: 1px;
	background:#3e97fb;
}

section.illustration.blue h3 {
	color: var(--white-color);
}

section.illustration.blue h4 {
	color: var(--white-color);
}

section.illustration.blue p {
	color: var(--white-color);
}

section.illustration.blue a:hover {
	color: var(--light-gold);
}

section.illustration.blue ul li:before {
	color: var(--second-color);
}

section.illustration.blue ul li {
	color: var(--white-color);
}

section.illustration .container-fluid {
	display:flex;
	min-height:400px;
}

section.illustration.blue a.aurora-btn:hover {
	background: #d5ab4f;
}



section.illustration .row:not(.flex-row-reverse) div.content .info{
	/*padding-left:5%;*/
}

section.illustration .row.flex-row-reverse div.content .info{
	/*padding-right:5%;*/
}

section.illustration div.content.info{
	/*padding-left:5%;*/
}


@media screen and (max-width:992px){
	section.illustration div.image-container{
		min-height: 350px;
	}
	
	section.illustration .image .img-fluid {
		max-width: 90%;
	}
	
	section.illustration.large-padding {
	  padding: 4rem 0;
	}

}

@media screen and (max-width:750px){
	
	section.illustration h1 {
		font-size: 4em;
	}
}

@media screen and (max-width: 650px) {
	section.illustration .image .img-fluid {
		max-width: 100%;
	}
	
	section.illustration div.image-container {
		padding: 0;
	}
}


@media screen and (max-width:450px){
	
	section.illustration.large-padding {
	  padding-top: 4rem;
	}
	
	section.illustration h1 {
		font-size: 3.5em;
	}
}

@media screen and (max-width:400px){
	
	section.illustration.large-padding {
	  padding: 4rem 0 3rem;
	}
}