main {
	text-align: center;
	position: relative;
	z-index:2;
	float:left;
	clear:left;
	width:100%;
}

	main p,
	main li {
		font-size:2.5em;
	}

		main p a,
		main li a
		main td a {
			color:var(--lblue);
		}

.default {
	padding:0 5%;
}

.hero {
	padding:10% 5% 5%;
}
	.default h2,
	.default h3,
	.default h4,
	.default h5,
	.default h6 {
		color:var(--lblue);
		font-size:4em;
		font-weight:Bold;
		line-height: 1;
	}

	.default h3 {
		font-size:3.5em;
	}

	.default h4 {
		font-size:3em;
	}

	.default h5 {
		font-size:2.5em;
	}

	.default h6 {
		font-size:2em;
	}

.bg-image {
	position:fixed;
	left:0;
	top:0;
	width:100%;
	height:100%;
	object-fit: cover;
	z-index:0;
	filter:saturate(0);
	mix-blend-mode: screen;
	opacity: 0.2;
}

.carousel1 {
	padding:0 0 5% 0;
}

	.carousel1 .carousel-cell {
		width:60%;
		padding:0 1em;
	}

		.carousel1 .carousel-cell img {
			width:100%;
			border-radius:1em;
		}
	
	.flickity-prev-next-button {
		width:30px;
		height:30px;
	}

.hero h1,
.hero h2.alt_head,
.about .people > h2,
.btb .compare h2,
.difference h2,
.covid h2,
.reviews h2 {
	font-family: 'Goth-Cond-Bold', sans-serif;
	font-size:8em;
	font-weight: normal;
	text-transform: uppercase;
	-webkit-text-stroke: 0.015em var(--red);
	display:inline-block;
	margin:0 auto;
	line-height:1.1;
	color:transparent;
	background-color:#fafafa;
	background-image:url('../img/text-texture3.jpg');
	background-size:cover;
	background-position: center top;
	-webkit-background-clip: text;
     -moz-background-clip: text;
          background-clip: text;
	filter:drop-shadow(0px 0.2em 0.1em #000);
	letter-spacing: -0.025em;
}

.hero h1 {
	margin-bottom:0.5em;
}

.difference {
	position:relative;
	padding:5% 10%;
	background-color: var(--dblue2);
	background-image:url('../img/bg-highlight-l1.png');
	background-position: left bottom;
	background-size:100% 100%;
}

	.difference h2 {
		font-size:5.5em;
		margin-bottom:0.5em;
	}

	.difference > p {
		width:80%;
		margin-left:10%;
	}

	.diff-img {
		position:absolute;
		right:0;
		bottom:0;
		width:20%;
		z-index:1;
		pointer-events: none;
		user-select: none;
	}

	#reviews-img {
		position:absolute;
		left:0;
		width:20%;
		bottom:0;
		z-index:1;
		pointer-events: none;
		user-select: none;
	}

	main .diff p {
		font-size:1.8em;
	}

		main .diff p:last-of-type {
			margin-bottom:0;
		}

	.difference .red-btn {
		margin:10% 2.5% 2.5% 2.5%;
	}

	.diff {
		text-align: center;
		display:flex;
		flex-wrap:wrap;
		justify-content: center;
	}

		.diff > div {
			width:200px;
			margin:1em;
			position:relative;
			z-index:2;
		}

		.diff h4 {
			color:var(--lblue);
			font-size:3em;
			margin:0;
			line-height: 1;
			font-weight:bold;
		}

		.diff img {
			max-height:10em;
			margin:0 auto 1em;
			padding:1.25em;
			transition: all 0.25s ease;
			transform: translate3d(0, 0, 0);
		}

			.diff div:hover img {
				filter:drop-shadow(0 0 10px var(--lblue)) drop-shadow(0 0 5px var(--lblue));
			}


.reviews {
	position:Relative;
	padding:2.5% 15%;
	text-align: center;
	background-color:var(--dblue);
}

	#acc1 {
		filter:drop-shadow(0px 30px 15px #000);
		margin:0 auto 5%;
		display:block;
		width:350px;
		max-width:100%;
	}
	
		#bgh-l2 {
			position:absolute;
			left:0;
			top:0;
			width:45%;
			z-index:1;
			pointer-events: none;
			user-select: none;
		}
	
		.stars {
			position: relative;
			z-index:1;
			text-align: center;
			margin-bottom:0em;
			padding:5%;
		}
	
			.stars img {
				display:inline-block;
				height:4vw;
				filter:drop-shadow(0px 0px 15px var(--lblue));
			}
	
		.carousel2 {
			margin:0 0 0.5em 0;
		}
		
		.carousel2 .carousel-cell {
			width:50%;
			padding:3em;
			text-align: center;
			text-shadow: 0 0 15px var(--lblue);
		}
	
			.carousel2 .carousel-cell p {
				font-weight:bold;
				font-size:4em;
				line-height: 1.2;
				letter-spacing: -0.025em;
			}
	
			.carousel2 .carousel-cell h3 {
				font-weight:bold;
				color:var(--lblue);
				font-size:2em;
			}
		
		.carousel3 .carousel-cell {
			width:100%;
			background-color:#032a49;
			border-radius:2em;
			margin:0 0.5em;
		}
	
			.carousel3 .carousel-cell div {
				padding:5%;
				text-shadow: 0 0 15px var(--lblue);
			}

			.flickity-viewport {
				transition: all 0.5s ease-out;
			}
	
			.carousel3 .carousel-cell p {
				font-size:3em;
				line-height: 1.2;
				position: relative;
				z-index: 1;
			}
	
			.carousel3 .carousel-cell h3 {
				font-weight:bold;
				color:var(--lblue);
				font-size:2em;
				margin:0;
			}

			.quote1,
			.quote2 {
				position:absolute;
				width:7em;
				z-index: 0;
				opacity:0.5;
			}

			.quote1 {
				left:2em;
				top:2em;
			}

			.quote2 {
				right:2em;
				bottom:2em;
			}

        .book-wrap {
            grid-column: 1/3;
            margin-top:5%;
        }

		.reviews .red-btn {
			font-size:4.5em;
		}

		.promo-popup .inner {
			width:70%;
			padding:1em 1em 1em 1em;
			overflow-y:visible;
		}

		.promo-popup .inner .close {
			top:unset;
			bottom:calc(100% + 1em);
			right:0;
		}

		.promo-popup .TextformatterVideoEmbed {
			margin:0 !important;
		}

.logos {
    background-color:var(--lblue);
    padding:5.5em 0;
}

    .logos .carousel-cell {
        margin:0 3em;
    }
        
        .logos .carousel-cell img {
            display:block;
            max-width:none;
            object-fit: contain;
            height:60px;
        }

footer {
    margin-top:0;
}

footer .dots {
    display:none;
}

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

	main {
		padding-top:50px;
	}

	.default {
		padding:50px 5% 5%;
	}

	.gallery {
		grid-gap:1em;
	}

	.diff > div {
		width:15em;
	}

	.diff img {
		max-height:7em;
	}

	.diff h4 {
		font-size:2.5em;
	}
}

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

	.carousel1 .carousel-cell {
		width:85%;
		padding:0 0.5em;
	}

	.difference {
		padding:5%;
	}

	.difference > p {
		width:100%;
		margin:0;
		padding:0;
	}

	.reviews {
		padding:5%;
	}

		.stars img {
			height:10vw;
		}

	.carousel2 .carousel-cell {
		width:100%;
	}

	.diff {
		padding:0;
		display:grid;
		grid-template-columns: 1fr 1fr 1fr;
		grid-gap:1em;
		margin-top:5%;
	}

		.diff > div {
			width:100%;
			margin:0;
		}

		.diff h4 {
			font-size:2em;
			margin-bottom:0.2em;
		}

		main .diff p {
			line-height: 1.1;
			font-size:1.4em;
		}

		main .diff p:last-of-type {
			margin:0;
		}

	.promo-popup .inner {
		width:90%;
	}

	.difference .red-btn {
		position:relative;
		z-index:2;
		width:60%;
		line-height: 1.1;
		margin-bottom:2em;
		font-size:2.5em;
		padding:0.5em;
	}

	.reviews .red-btn {
		font-size:3em;
	}

	.stars {
		padding:5%;
	}

	.quote1,
	.quote2 {
		opacity:0.15;
	}

	.carousel3 .carousel-cell p {
		font-size:2.5em;
	}

	#reviews-img,
	.diff-img {
		width:40%;
		opacity:0.25;
	}
}

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

	.hero h1,
	.reviews h2 {
		font-size:6em;
	}

	main p,
    main li,
    main td {
      font-size:2em;
    }
}