.main {
	padding-top:5em;
}

	#logo-full {
		position: relative;
		z-index:0;
		width:100%;
		margin-bottom:2rem;
	}

	.TextformatterVideoEmbed {
		margin-bottom:0 !important;
	}

.quote {
	position:absolute;
	width:28%;
	top:36%;
	z-index:4;
	display:none;
}

	.quote .stars {
		width:100%;
		text-align: center;
		margin-bottom:0.5em;
	}

		.quote .stars img {
			display:inline-block;
			width:10%;
			margin:1%;
		}

		.quote h2 {
			font-size:3em;
			text-transform:uppercase;
			width:100%;
			text-align:center;
			line-height:1;
			margin-bottom:0.15em;
			letter-spacing: 0.05em;
		}

		.quote p {
			font-size:1.2em;
			width:100%;
			text-align:center;
			text-transform: uppercase;
			letter-spacing: 0.8em;
			font-weight:bold;
			color:var(--peach);
		}

	#quote1 {
		left:8%;
		top:31%;
	}

	#quote2 {
		left:27%;
		top:6%;
	}

.ctas {
	text-align: center;
	margin-bottom:5em;
	position: relative;
	z-index:5;
}

	.cta {
		display:inline-block;
		width:35%;
		font-size:1.6em;
		text-transform: uppercase;
		letter-spacing: 0.2em;
		text-align: center;
		text-decoration: none;
		border-radius:5em;
		margin:0 1.5em;
	}

		.cta p {
			margin-bottom: 0;
			padding:0.75em 1em;
			line-height: 1;
		}

		.cta img {
			display: inline-block;
			height:16px;
			margin-bottom:-2px;
			margin-left:2px;
		}

		#buy {
			background: linear-gradient(90deg, rgba(21,30,93,1) 0%, rgba(0,150,213,1) 100%);
		}

		#watch-btn {
			background: linear-gradient(90deg, rgba(167,6,62,1) 0%, rgba(2,14,107,1) 100%); 
		}

		.cta:hover,
		#buy:hover,
		#watch-btn:hover {
			background:none;
			background-color:#fff;
			color:var(--lblue);
		}

.body {
	position: relative;
	z-index:1;
}

.body h1 {
	font-size:4em;
	text-transform: uppercase;
	text-align: center;
	line-height:1.3;
	margin-bottom:0.5em;
	font-weight:500;
}

.body p {
	font-size:1rem;
	line-height:1.6;
	margin-bottom:2em;
	text-align: center;
	max-width:70ch;
	margin-inline:auto;
}


@media screen and (max-width:1239px) {
  .quote h2 {
  	font-size:2.8vw;
  }
  .quote p {
  	font-size:1.3vw;
  }

  #buy p,
  #watch-btn p {
  	font-size:1.7vw;
  	padding-top:1em;
  	padding-bottom:1em;
  }
}

@media screen and (max-width:999px) {
	#logo-full {
		padding:0;
	}

	#quote2 {
		left:22%;
		top:8%;
	}

	#quote1 {
		left:5%;
	}
}

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

  #buy p,
  #watch-btn p {
  	font-size:2vw;
  }

  .body p {
  	font-size:2em;
  }

  #quote1 {
	top:29%;
	}
}

@media screen and (max-width:699px) {
  
	#quote1 {
	  top:26%;
	  }
}


@media screen and (max-width:599px) {
	#buy,
	#watch-btn,
	#quote1,
	#quote2{
		display:block;
		position:relative;
		width:100%;
		left:unset;
		top:unset;
		margin:0;
		margin-bottom:1em;
	}


	.ctas {
		margin-top:5em;
	}

	#buy p ,
	#watch-btn p {
		font-size:6vw;
	}

	#face,
	#quote1,
	#quote2 {
		margin-bottom:2em;
	}

	.quote h2 {
		font-size:7vw;
	}

		.quote:first-of-type {
			margin-top:5em;
		}

	.quote p {
		font-size:3vw;
	}
}

@media screen and (max-width:399px) {
	.main .cta {
		grid-template-columns: 1fr;
	}
}