.advert_pane {
	z-index: 0;
	margin-top: calc(var(--hh) * -1);
}
@media (max-width: 1024px) and (max-height: 600px){
 .lesson_pane {
	scroll-snap-align: start;
 }
}

.advert_pane > div {
	gap: 0 4vw;
}
@media (min-width: 640px) {
 .advert_pane {
	position: sticky;
    top: 0;
 }	
}	

.advert_pane p {
	font-size: .9rem;
    line-height: 1.5;
    color: #555;
    margin-bottom: 3vh;
}

@media (min-width: 640px) and (min-height: 400px) { 
 .advert_pane > div > div, .advert_pane .btns {
	justify-content: start;
 }	
}


h1, h3 {	
	font-family: "Roboto",Helvetica, Arial, sans-serif;
	font-weight: 400;
	font-size: min(1.6rem, 3.5vmax);
	line-height: 1.15em;
	margin: 0 0 2vh;
	text-align: center;
}

@media (max-width: 1024px) {
 .advert_pane p {
	display: none;
 }
 h1, h3 {
	margin: 0 0 4vh;
 }	
}

.anim-txt {	
    display: inline-flex;
    overflow: hidden;
	height: 1.2em;
	flex-direction: column;
	align-items: center;
}
.anim-txt > span {
	white-space: nowrap;
	animation: v-scroll 7.5s infinite;
}
@keyframes v-scroll {
	0% {transform: translateY(-265%); opacity: 0;}
	2.5%,30.5% {transform: translateY(-200%); opacity: 1;}
	33.25% {opacity: 0.5;}
	36%,64% {transform: translateY(-100%); opacity: 1;}
	66.75% {opacity: 0.5;}
	69.5%,97.5% {transform: translateY(0%); opacity: 1;}
	100% {transform: translateY(70%); opacity: 0;}
}

@media (min-width: 640px) and (min-height: 400px) {
 h1, h3 {
	font-size: 2.4rem;
	text-align: left;
 }
 .btns a {
    font-size: 1.1rem;
 }
 .anim-txt {	
	align-items: flex-start;
 }	
}
@media (min-width: 1024px) and (min-height: 600px) {
 h1, h3 {
	font-size: 2.1rem;
 }
}
@media (min-width: 1440px) and (min-height: 600px) {
 h1, h3 {
	font-size: 2.75rem;
 }
}