:root {
	--white: #FFF;
	--black: #000;
	--green: #D0F238;
	--blue: #3B34FA;
}

html, body {
	z-index: -2;
	position: relative;
	background-image: url("../image/bg-2.jpg");
	background-size: 900px;
	background-color: var(--black);
	scroll-behavior: smooth;
}

/*--------------------------------------------------------------------------- Header Styles ---------------------------------------------------------------------------*/

header {
	display: flex;
	justify-content: center;
	position: relative;
	padding: 5%;
}
header .logo {
	width: 15%;
	max-width: 180px;
	min-width: 80px;
}
header .logo img {
	width: 100%;
}



/*--------------------------------------------------------------------------- Nav Styles ---------------------------------------------------------------------------*/

nav {
	position: fixed;
	height: 100vh;
	width: auto;
	min-width: 60px;
	top: 0;
	right: 0;
	background-color: var(--green);
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	z-index: 99;
	padding: 0 20px;
}
nav a {
	height: 15px;
	width: 15px;
	border-radius: 100%;
	background-color: var(--white);
	margin: 10px 0;
	cursor: pointer;
	position: relative;
    display: flex;
    align-items: center;
	overflow: hidden;
}
nav a:before {
    content: attr(data-title);
	color: var(--black);
	font-family: 'Shadows Into Light', cursive;
	letter-spacing: 1.5px;
	font-size: 20px;
	user-select: none;
	opacity: 0;
	will-change: opacity;
	transition-duration: 0.2s;
	position: absolute;
	transform: translateX(-100%);
	padding: 5px 50px 5px 25px;
	width: max-content;
	max-width: 300px;
	
	background-image: url("../image/highlight.png");
	background-size: 100%;
}
nav a:hover:before {
	opacity: 1;
	transition-duration: 0.2s;
}
nav a:hover {
	overflow: visible;
}



/*--------------------------------------------------------------------------- Home Title Styles ---------------------------------------------------------------------------*/

/*
.home-title .trigger-on-scroll {
	opacity: 0;
	transition-duration: 0.8s;
} 
.home-title .triggered {
	opacity: 1;
}
*/

.home-title {
	max-width: 1100px;
	margin: auto;
	text-align: center;
}

.home-title span {
	color: var(--green);
	display: block;
	text-transform: uppercase;
	font-family: 'Titillium Web', sans-serif;
}

.home-title span.line-1 {
	font-size: 15.5vw;
	font-weight: 700;
	line-height: 75%;
	margin-bottom: 0.2vw;
	/*transition-delay: 0.4s;*/
}
.home-title span.line-2 {
	font-size: 5.8vw;
	font-weight: 300;
	margin-bottom: -0.5vw;
	/*transition-delay: 0.9s;*/
}

.home-title span.line-3-in {
	font-size: 4.6vw;
	font-weight: 500;
	line-height: 90%;
	margin-top: 0.5vw;
	/*transition-delay: 0.9s;*/
}
.home-title span.line-3-a {
	font-size: 8.5vw;
	font-weight: 600;
	line-height: 88%;
	/*transition-delay: 1s;*/
}
.home-title span.line-3-new {
	font-size: 15.5vw;
	font-weight: 700;
	line-height: 75%;
	padding-left: 1vw;
	/*transition-delay: 1.1s;*/
}

.home-title span.line-4 {
	font-size: 8.5vw;
	font-weight: 300;
	margin-top: -1vw;
	/*transition-delay: 1.1s;*/
}


/*--------------------------------------------------------------------------- What's it all about? Styles ---------------------------------------------------------------------------*/

.mark-body {
	display: flex;
	justify-content: center;
	position: relative;
}

.meet-mark {
	position: absolute;
	top: -2vw;
	left: 65vw;
	font-family: 'Shadows Into Light', cursive;
	color: var(--white);
	font-size: min(50px, 3vw);
	display: flex;
	flex-direction: column;
	min-width: max-content;
}
.meet-mark svg {
	position: absolute;
	top: 110%;
	max-width: 80%;
	transform: translateX(-33%);
}

.mm-r-hand {	
	position: absolute;
    width: 20vw;
    align-self: center;
    margin: auto;
    z-index: 5;
    top: 0;
    right: 5%;
    transform: translateY(-43.95%);
}
.mm-head {
	position: relative;
	width: 36%;
	bottom: -12vw;
	align-self: center;
	margin: auto;
}
.mm-head.triggered {
	animation: mark-head 0.9s;
	animation-fill-mode: forwards;
	animation-delay: 0.6s;
}
.mm-l-hand {
	position: absolute;
    width: 20vw;
    align-self: center;
    margin: auto;
    z-index: 5;
    top: 0;
    left: 5%;
    transform: translateY(-43.95%);
}


@keyframes mark-head {
	from {
		bottom: -12vw;
	}
	to {
		bottom: -1vw;
	}
}

section.intro-wrap {
	padding: 5% calc(4% + 50px);
	z-index: 2;
}

.intro {
	padding: 5%;
	background-color: var(--white);
	position: relative;
	text-align: center;
}
.intro::after {
	content: '';
	position: absolute;
	top: 30px;
	left: 30px;
	width: 100%;
	height: 100%;
	background-color: #B2B2B2;
	z-index: -1;
}


/*--------------------------------------------------------------------------- Z-Index Slider Styles ---------------------------------------------------------------------------*/

.z-index-slider-container {
	margin: 0 0 20px 0;
	position: relative;
	width: 100%;
}
.z-index-slider {
	padding: 10% 8%;
	/*background-image: url("../image/square-pattern.jpg");
	background-size: 50px;*/
	background-image: url("../image/paper-bg.jpg");
	background-size: cover;
	background-position: center;
	display: flex;
	min-height: 30vw;
	z-index: 2;
	position: relative;
	
	-webkit-box-shadow: -20px 0px 20px 0px rgba(0,0,0,0.90);
	-moz-box-shadow: -20px 0px 20px 0px rgba(0,0,0,0.90);
	box-shadow: -20px 0px 20px 0px rgba(0,0,0,0.90);
	
	filter: sepia(0.17)
}


.z-index-flex-container {
	display: flex;
}

.z-index-slider-container .get-to-know {
	position: relative;
	margin: auto 5vw;
	font-family: 'Shadows Into Light', cursive;
	color: var(--green);
	font-size: 60px;
}


.z-index-slider-container .tabs {
	position: relative;
	right: 90px;
	height: 220px;
	width: auto;
	max-width: max-content;
	display: flex;
	margin-left: auto;
	bottom: -40px;
}
.z-index-slider-container .tabs .tab {
	height: 100%;
	width: 50px;
	margin: 0 15px;
	background: var(--blue);
	z-index: 1;
	-webkit-box-shadow: -7px 0px 7px 0px rgba(0,0,0,0.40);
	-moz-box-shadow: -7px 0px 7px 0px rgba(0,0,0,0.40);
	box-shadow: -7px 0px 7px 0px rgba(0,0,0,0.40);
	font-family: 'Shadows Into Light', cursive;
	writing-mode: vertical-rl;
	transform: rotate(180deg);
	display: flex;
	align-items: center;
	justify-content: center;
	padding-top: 40px;
	font-size: 19px;
	letter-spacing: 2px;
	cursor: pointer;
}
.z-index-slider-container .tabs .tab.active {
	z-index: 3;
}
.z-index-slider-container .tabs .tab:nth-of-type(1) {
	background: var(--blue);
	color: var(--white);
}
.z-index-slider-container .tabs .tab:nth-of-type(2) {
	background: var(--green);
	color: var(--black);
}
.z-index-slider-container .tabs .tab:nth-of-type(3) {
	background: #F01C69;
	color: var(--black);
}
.z-index-slider-container .tabs .tab:nth-of-type(4) {
	background: #FF5400;
	color: var(--black);
}
.z-index-slider-container .tabs .tab:nth-of-type(5) {
	background: #D43BED;
	color: var(--white);
}



.z-index-slider .images {
	width: 40vw;
	margin: auto 8% auto 0;
}
.z-index-slider .images .image {
	min-height: 27vw;
	height: auto;
	width: 26vw;
	/*-webkit-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.25);
	-moz-box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.25);
	box-shadow: 1px 1px 7px 1px rgba(0,0,0,0.25);*/
	position: absolute;
	z-index: 3;
	transform-origin: top;
}
.z-index-slider .images .image img {
	max-width: 100%;
	height: auto;
}

.z-index-slider .images .image:nth-of-type(1) {
	transform: rotate(10deg) translateY(-50%);
	z-index: 5;
}
.z-index-slider .images .image.active:nth-of-type(1) {
	animation: image-swap-1 0.9s;
	animation-fill-mode: forwards;
}
@keyframes image-swap-1 {
	0% {
		left: 8%;
		z-index: auto;
	}
	50% {
		left: -30vw;
	}
	100% {
		left: 8%;
		z-index: 12;
	}
}

.z-index-slider .images .image:nth-of-type(2) {
	transform: rotate(-15deg) translateY(-50%);
	z-index: 6;
}
.z-index-slider .images .image.active:nth-of-type(2) {
	animation: image-swap-2 0.9s forwards;
}
@keyframes image-swap-2 {
	0% {
		left: 8%;
		z-index: auto;
	}
	50% {
		left: -30vw;
	}
	100% {
		left: 8%;
		z-index: 12;
	}
}

.z-index-slider .images .image:nth-of-type(3) {
	transform: rotate(10deg) translateY(-50%);
	z-index: 7;
}
.z-index-slider .images .image.active:nth-of-type(3) {
	animation: image-swap-3 0.9s forwards;
}
@keyframes image-swap-3 {
	0% {
		left: 8%;
		z-index: auto;
	}
	50% {
		left: -30vw;
	}
	100% {
		left: 8%;
		z-index: 12;
	}
}

.z-index-slider .images .image:nth-of-type(4) {
	transform: rotate(-15deg) translateY(-50%);
	z-index: 8;
}
.z-index-slider .images .image.active:nth-of-type(4) {
	animation: image-swap-4 0.9s forwards;
}
@keyframes image-swap-4 {
	0% {
		left: 8%;
		z-index: auto;
	}
	50% {
		left: -30vw;
	}
	100% {
		left: 8%;
		z-index: 12;
	}
}

.z-index-slider .images .image:nth-of-type(5) {
	transform: rotate(10deg) translateY(-50%);
	z-index: 9;
}
.z-index-slider .images .image.active:nth-of-type(5) {
	animation: image-swap-5 0.9s forwards;
}
@keyframes image-swap-5 {
	0% {
		left: 8%;
		z-index: auto;
	}
	50% {
		left: -30vw;
	}
	100% {
		left: 8%;
		z-index: 12;
	}
}

.prev-active {
	z-index: 11 !important;
}


.z-index-slider .content-area {
	width: 100%;
	max-width: 1300px;
	padding: 8% 5vw;
	margin: auto;
	position: relative;
}

.z-index-slider .content-area .tab-content {
	display: none;
	filter: contrast(0.7);
}
.z-index-slider .content-area .tab-content.active {
	display: block !important;
}


/*--------------------------------------------------------------------------- Podcast Series Styles ---------------------------------------------------------------------------*/

.podcast-series {
	padding: 3% 0 0 0;
	display: flex;
	align-content: center;
	position: relative;
}
.podcast-series .content-section {
	max-width: min(calc(700px + 10vw), 55vw);
	padding: 5%;
}
.podcast-series .content-section .button {
	color: var(--white) !important;
}
.button, .caldera-button {
	font-size: 30px;
	border-bottom: solid 8px var(--green);
    display: block;
    max-width: max-content;
	font-weight: 200;
	padding-bottom: 5px;
	margin-top: 3vw;
	color: var(--black);
}
.button strong, .caldera-button strong {
	font-weight: 700;
}

.podcast-series .img {
	margin: auto 0 0 auto;
	position: relative;
	max-width: 1000px;
	min-width: 40vw;
}
.podcast-series .img img {
	max-width: 100%;
}


/*--------------------------------------------------------------------------- Andre Styles ---------------------------------------------------------------------------*/

.andre .img img {
	max-width: 90%;
}

.meet-andre {
	position: absolute;
	top: 3vw;
	left: 34vw;
	font-family: 'Shadows Into Light', cursive;
	color: var(--white);
	font-size: min(50px, 3vw);
	display: flex;
	flex-direction: column;
	min-width: max-content;
}
.meet-andre svg {
	position: absolute;
	top: 110%;
	max-width: 65%;
	transform: translateX(-33%);
}

.quote {
	max-width: 70%;
	margin: auto;
	padding-bottom: 40px;
}


/*
.podcast-series .view-episodes {
	position: absolute;
	bottom: 3vw;
	left: 50%;
	transform: translateX(-50%);
}
.podcast-series .view-episodes .podcast-slider {
	background-color: rgba(255, 255, 255, 0.25);
	border-radius: 50px;
	padding: 8px 15px;
}
.podcast-series .view-episodes .podcast-slider button {
	width: 12px;
	height: 12px;
	background-color: var(--white);
	border-radius: 100%;
	border: none;
	margin: 0 20px;
	cursor: pointer;
}
*/


/*--------------------------------------------------------------------------- Where To Listen Styles ---------------------------------------------------------------------------*/

.where-to-listen {
	padding: 5%;
	/*background-image: url("../image/square-pattern.jpg");
	background-size: 50px;*/
	background-color: var(--white);
}
.where-to-listen .where-to-listen-logos {
	display: flex;
	margin-top: 2vw;
}
.where-to-listen .where-to-listen-logos .logo {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.where-to-listen .where-to-listen-logos .logo:first-of-type {
	justify-content: flex-start;
}
.where-to-listen .where-to-listen-logos .logo:last-of-type {
	justify-content: flex-end;
}

.where-to-listen .where-to-listen-logos .logo a {
	max-height: 120px;
}
.where-to-listen .where-to-listen-logos .logo a img {
	max-height: 120px;
	width: auto;
	max-width: 90%;
}


/*--------------------------------------------------------------------------- "Follow Me On" Styles ---------------------------------------------------------------------------*/

.follow-on {
	background-color: var(--black);
	display: flex;
	align-items: center;
}
.follow-on .video {
	width: 100%;
}
.follow-on .video img {
	max-width: 100%;
}

.follow-on .content {
	width: 100%;
	padding: 5%;
}

.follow-on .social-icons {
	margin: 5% -1vw;
	width: calc(100% + 2vw);
}
.follow-on .social-icons a {
	font-size: max(2vw, 28px);
	color: var(--white);
	padding: 0 1vw;
	text-decoration: none !important;
}


#mc_embed_signup form {
	padding: 0px !important;
}
#mc_embed_signup form input[type=email] {
	background: none !important;
	border-left: none !important;
	border-top: none !important;
	border-right: none !important;
	border-bottom: 6px solid var(--white);
	border-radius: 0px !important;
	padding: 18px 2px !important;
}
#mc_embed_signup form input[type=submit] {
	background: none !important;
	border: none !important;
	padding: 5px 15px !important;
	font-size: 22px !important;
	font-weight: 700 !important;
	height: auto !important;
	margin-left: -15px;
}

#mc_embed_signup form input::placeholder { /* Chrome, Firefox, Opera, Safari 10.1+ */
	color: var(--white) !important;
	font-size: 25px !important;
	font-weight: 200 !important;
	opacity: 1 !important; /* Firefox */
}

#mc_embed_signup form input:-ms-input-placeholder { /* Internet Explorer 10-11 */
	color: var(--white) !important;
	font-size: 25px !important;
	font-weight: 200 !important;
}

#mc_embed_signup form input::-ms-input-placeholder { /* Microsoft Edge */
	color: var(--white) !important;
	font-size: 25px !important;
	font-weight: 200 !important;
}

/*--------------------------------------------------------------------------- How To Collab Styles ---------------------------------------------------------------------------*/

.collab {
	background: repeating-linear-gradient(45deg, #D0F238, #D0F238 20px, #000 20px, #000 23px);
	padding: 5%;
	position: relative;
	display: flex;
	justify-content: center;
}
.collab::after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(208, 242, 56, 0.9);
}
.collab-inner {
	z-index: 2;
	max-width: 1000px;
	width: 100%;
}

.collab-inner .search-bar {
	background-color: var(--white);
	width: 90%;
	margin: 0 auto;
	border-radius: 50px;
	padding: 10px 20px 10px 30px;
	font-weight: 700;
	font-size: 18px;
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 20px;
	max-width: 700px;
}
.collab-inner .search-bar .search-icon {
	position: relative;
	margin-left: auto;
	padding-left: 20px;
	width: 55px;
}

.how-to-collab {
	width: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	margin-top: 3vw;
}
.how-to-collab .collab-method {
	width: 25%;
	display: flex;
	flex-direction: column;
	text-align: center;
	padding: 0 5%;
}
.how-to-collab .collab-method img {
	align-self: center;
	max-width: 100%;
	margin-bottom: 30px;
}




/*--------------------------------------------------------------------------- Form Styles ---------------------------------------------------------------------------*/

.contact-form {
	max-width: 800px;
	margin: 5% auto 0 auto;
	text-align: center;
}

.mark-form-checkboxes div:not(.checkbox) {
	display: flex;
	align-items: center;
	justify-content: space-around;
	margin: 5px 0 !important;
}
.mark-form-checkboxes .checkbox {
	margin: 0px !important;
}

.caldera-button {
	background: none !important;
	margin: auto !important;
	border-left: none !important;
	border-right: none !important;
	border-top: none !important;
	border-bottom-color: var(--black) !important;
	padding: 15px 1px !important;
	font-size: 22px !important;
	font-weight: 700 !important;
}

/*--------------------------------------------------------------------------- Footer Styles ---------------------------------------------------------------------------*/

footer {
	background-color: var(--black);
	padding: 4% 5% 3% 5%;
	text-align: center;
}
footer p {
	color: var(--white);
	margin-bottom: 10px;
	font-size: 16px;
}
footer .opacity {
	opacity: 0.7;
}
footer a {
	color: var(--white) !important;
}


/* ----------------------------------------------------- 2200px + ---------------------------------------------------------------- */

@media only screen and (min-width : 2200px) {
}


/* ----------------------------------------------------- Smaller than 2200px ----------------------------------------------------- */

@media only screen and (max-width : 2200px) {
}


/* ----------------------------------------------------- Smaller than 1800px ----------------------------------------------------- */

@media only screen and (max-width : 1800px) {
}


/* ----------------------------------------------------- Smaller than 1750px ----------------------------------------------------- */

@media only screen and (max-width : 1750px) {
}


/* ----------------------------------------------------- Smaller than 1650px ----------------------------------------------------- */

@media only screen and (max-width : 1650px) {	
}


/* ----------------------------------------------------- Smaller than 1550px ----------------------------------------------------- */

@media only screen and (max-width : 1550px) {
}


/* ----------------------------------------------------- Smaller than 1450px ----------------------------------------------------- */

@media only screen and (max-width : 1450px) {
}


/* ----------------------------------------------------- Smaller than 1350px ----------------------------------------------------- */

@media only screen and (max-width : 1350px) {
}


/* ----------------------------------------------------- Smaller than 1250px ----------------------------------------------------- */

@media only screen and (max-width : 1250px) {
} 


/* ----------------------------------------------------- Smaller than 1125px ----------------------------------------------------- */

@media only screen and (max-width : 1125px) {
	
	.z-index-slider-container .get-to-know {
		font-size: 45px;
	}
	.quote {
		max-width: 90%;
		padding-bottom: 30px;
	}
	
}


/* ----------------------------------------------------- Smaller than 1080px ----------------------------------------------------- */
@media only screen and (max-width : 1080px) {
}


/* ----------------------------------------------------- Smaller than 1000px ----------------------------------------------------- */

@media only screen and (max-width : 1000px) {	

}


/* ----------------------------------------------------- Smaller than 991px ------------------------------------------------------ */

@media only screen and (max-width : 991px) {
	
	nav {
		display: none;
	}
	
	
	.z-index-slider-container .tabs {
		
		right: 0;
		
	}
	
}

/* ----------------------------------------------------- Smaller than 870px ------------------------------------------------------ */

@media only screen and (max-width : 870px) {	
	
	.podcast-series {
		flex-direction: column;
	}
	.podcast-series .content-section {
		max-width: 100vw;
	}
	.meet-andre {
		top: -11vw;
		font-size: 32px;
		left: 75vw;
	}
	.meet-andre svg {
		max-width: 45%;
		transform: translateX(30%);
	}

}

/* ----------------------------------------------------- Smaller than 800px ------------------------------------------------------ */

@media only screen and (max-width : 800px) {	
	
}


/* ----------------------------------------------------- Smaller than 767px ------------------------------------------------------ */

@media only screen and (max-width : 767px) {
}


/* ----------------------------------------------------- Smaller than 700px ------------------------------------------------------ */

@media only screen and (max-width : 700px) {
	
	
	/* ------------------------ Z-Index Slider ------------------------ */
	
	.z-index-flex-container {
		flex-direction: column;
		margin-top: 8%;
	}

	.z-index-slider-container .get-to-know {
		font-size: 35px;
	}
	
	
	.z-index-slider {
		flex-direction: column;
		padding: 0 5%;
		overflow: hidden;
	}
	
	.z-index-slider-container .tabs {
		right: 0;
		height: 200px;
	}
	.z-index-slider-container .tabs .tab {
		width: 45px;
		margin: 0 8px;
	}
	
	.z-index-slider .images {
		min-height: 118vw;
		width: 100%;
		margin-right: 0;
	}
	.z-index-slider .images .image {
		width: calc(87% - 20vw);
		margin: 0 10vw;
		top: 20vw;
		transform-origin: center;
	}
	
	.z-index-slider .images .image:nth-of-type(1) {
		transform: rotate(-15deg) translateY(0);	
	}
	.z-index-slider .images .image:nth-of-type(2) {
		transform: rotate(10deg) translateY(0);
	}
	.z-index-slider .images .image:nth-of-type(3) {
		transform: rotate(-15deg) translateY(0);
	}
	.z-index-slider .images .image:nth-of-type(4) {
		transform: rotate(10deg) translateY(0);
	}
	.z-index-slider .images .image:nth-of-type(5) {
		transform: rotate(-15deg) translateY(0);
	}
	
	.z-index-slider .images .image.active:nth-of-type(1) {
		animation: image-swap-1-mobile 0.9s forwards;
	}
	.z-index-slider .images .image.active:nth-of-type(2) {
		animation: image-swap-2-mobile 0.9s forwards;
	}
	.z-index-slider .images .image.active:nth-of-type(3) {
		animation: image-swap-3-mobile 0.9s forwards;
	}
	.z-index-slider .images .image.active:nth-of-type(4) {
		animation: image-swap-4-mobile 0.9s forwards;
	}
	.z-index-slider .images .image.active:nth-of-type(5) {
		animation: image-swap-5-mobile 0.9s forwards;
	}

	.z-index-slider .content-area {
		padding: 5% 0;
	}
	
	
}

/* ----------------------------------------------------- Smaller than Mobile ----------------------------------------------------- */

@media only screen and (max-width : 650px) {
	
	
	html, body {
		background-size: 500px;
	}
	
	/* ------------------------ Intro ------------------------ */
	
	.meet-mark {
		top: -21vw;
		font-size: 32px;
		left: 55vw;
	}
	.meet-mark svg {
		max-width: 45%;
		transform: translateX(30%);
	}
	
	section.intro-wrap {
		padding: 5%;
	}
	.intro {
		padding: 10% 5%;
	}
	.intro::after {
		top: 10px;
		left: 10px;
	}
	
	/* ------------------------ Homepage Title ------------------------ */
	.home-title {
		margin: 12vh 0;
	}
	.home-title span.line-1 {
		font-size: 34.5vw;
	}
	.home-title span.line-2 {
		font-size: 12.8vw;
		margin-bottom: -2.3vw;
	}
	.home-title span.line-3-in {
		font-size: 10.5vw;
	}
	.home-title span.line-3-a {
		font-size: 18.5vw;
	}
	.home-title span.line-3-new {
		font-size: 33.5vw;
	}
	.home-title span.line-4 {
		font-size: 18.5vw;
		margin-top: -3vw;
	}
	
	/* ------------------------ Podcast ------------------------ */
	.podcast-series {
		padding: 8% 5% 10% 5%;
	}
	
	.podcast-series .img {
		display: none;
	}
	.podcast-series .img-andre {
		display: block;
		margin-bottom: 30px;
	}
	.podcast-series .content-section {
		padding: 0;
	}
	.meet-andre {
		top: -21vw;
		font-size: 32px;
		left: 55vw;
	}
	.meet-andre svg {
		max-width: 45%;
		transform: translateX(30%);
	}

	/* ------------------------ Where to listen ------------------------ */
	.where-to-listen {
		padding: 8% 5%;
	}
	
	/* ------------------------ How To Collab ------------------------ */
	.collab {
		padding: 8% 5%;
	}
	
	.how-to-collab {
		flex-wrap: wrap;
		padding: 8% 5% 5% 5%;
	}
	
	.collab-inner .search-bar {
		font-size: 16px;
	}
	.how-to-collab .collab-method {
		width: 50%;
		padding-top: 5%;
	}
	.how-to-collab .collab-method img {
		max-width: 75%;
	}
	
	
	/* ------------------------ Where to Listen ------------------------ */
	.where-to-listen .where-to-listen-logos {
		flex-wrap: wrap;
		justify-content: flex-start !important; 
	}
	.where-to-listen .where-to-listen-logos .logo {
		padding: 5% 0;
		justify-content: flex-start !important;
	}
	.where-to-listen .where-to-listen-logos .logo a img {
		max-height: 70px;
	}
	
	/* ------------------------ How To Collab ------------------------ */
	.follow-on {
		padding: 8% 5%;
	}
	.follow-on .video {
		display: none;
	}
	.follow-on .social-icons {
		margin: 8% -1vw 5% -1vw;
	}
	
	
	/* ------------------------ How To Collab ------------------------ */
	footer {
		padding: 8% 5%;
	}
	footer p {
		margin-bottom: 0px;
	}
	
}

@keyframes image-swap-1-mobile {
	0% {
		left: 5%;
		z-index: auto;
	}
	50% {
		left: -110%;
	}
	100% {
		left: 5%;
		z-index: 12;
	}
}
@keyframes image-swap-2-mobile {
	0% {
		left: 5%;
		z-index: auto;
	}
	50% {
		left: -110%;
	}
	100% {
		left: 5%;
		z-index: 12;
	}
}
@keyframes image-swap-3-mobile {
		0% {
			left: 5%;
			z-index: auto;
		}
		50% {
			left: -110%;
		}
		100% {
			left: 5%;
			z-index: 12;
		}
	}
@keyframes image-swap-4-mobile {
		0% {
			left: 5%;
			z-index: auto;
		}
		50% {
			left: -110%;
		}
		100% {
			left: 5%;
			z-index: 12;
		}
	}
@keyframes image-swap-5-mobile {
		0% {
			left: 5%;
			z-index: auto;
		}
		50% {
			left: -110%;
		}
		100% {
			left: 5%;
			z-index: 12;
		}
	}


/* ----------------------------------------------------- Smaller than 540px ------------------------------------------------------ */

@media only screen and (max-width : 540px) {	
	
	.z-index-slider .images {
		min-height: 140vw;
	}
	.z-index-slider .images .image {
		width: 87%;
		margin: 0;
	}

}


/* ----------------------------------------------------- Smaller than 500px ------------------------------------------------------ */

@media only screen and (max-width : 450px) {
}