@media screen and (max-width: 868px) {
	:root {
		--full-width: 100vw;
		--inter-width: 95vw;
		--inner-width: 90vw;
		--outer-width: 100vw;
		--popup-width: 90vw;
		--player-width: 95vw;

		--progress-width: 95vw;
		--blog-post-width: 90vw;
		--author-box-width: 90vw;
		--blog-comment-width: 90vw;
		--blog-archive-width: 90vw;
		--post-latest-dir: column;

		--person-card-width: 275px;

		--column-gap: 2rem;
		--column-count-3: 2;
		--column-count-4: 2;
		--column-count-5: 2;

		--regular-h1-size: 32px;
		--regular-h2-size: 32px;
		--regular-h3-size: 24px;
		--regular-h4-size: 20px;
		--regular-p-size: 16px;

		--heading-h1-size: 64px;
		--heading-h2-size: 32px;
		--heading-h3-size: 24px;
		--heading-h4-size: 14px;
		--heading-p-size: 16px;
	}
	.mob-only {
		display: inline-block;
	}
	h4 {
		font-size: 20px;
		margin-bottom: 10px;
	}

	.button {
		/*white-space: nowrap;*/
		max-width: 90vw;
	}
	.button.mono {
		width: auto;
		padding-left: 2em;
		padding-right: 2em;
	}
	header.site-header {
		height: 79px;
		/*box-shadow: var(--shadow-default);*/
	}
	header.site-header ul {
		display: none;
	}
	header.site-header label {
		padding: 0 5vw;
	}
	header.site-header .logo .title,
	header.site-header.active .logo .title {
		position: absolute;
		left: 50%;
		transform: translateX(-50%);
		font-size: 34px;
	}
	header.site-header .logo .icon {
		width: 75px;
	}
	header.site-header.active .logo {
		transform: none;
		transform-origin: 3em;
	}
	.two-fold > div > div h2 {
		font-size: 44px;
		color: var(--color-teal);
	}
	.two-fold p {
		width: MIN(400px, 85%);
		font-size: 16px;
	}

	.hp-heading {
		background-image: none;
		height: unset;
		min-height: unset;
		border-bottom: 6px solid var(--color-tan);
	}
	.hp-heading h1,
	.hp-heading hr,
	.hp-heading p {
		display: none;
	}
	.hp-heading .tagline {
		font-size: 14px;
		letter-spacing: .1em;
	}
	.hp-heading .call2action {
		width: 100%;
		padding-top: 45px;
		flex-direction: column;
		align-items: center;
		height: unset;
	}
	.hp-heading .call2action > div {
		width: 100%;
	}
	.hp-heading .call2action > div h3 {
		font-size: 32px;
	}
	.hp-heading .call2action > div:first-child {
		height: 439px;
		background-image: url("/assets/img/hp-heading-bg.png");
		background-repeat: no-repeat;
		background-position: center bottom;
		background-size: 158px;
	}
	.hp-heading .call2action > div:first-child h3 {
		max-width: 8em;
	}
	.hp-heading .call2action > div:last-child {
		background-color: white;
		padding: 0;
		min-height: 170px;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
	}
	.hp-heading .call2action > div:last-child h3 {
		white-space: nowrap;
		letter-spacing: calc(100vw / 90);
	}
	.hp-heading .button {
		font-family: 'Avenir Heavy', sans-serif;
		font-size: 17px;
		font-weight: 900;
		text-transform: uppercase;
		color: white;
		background-color: var(--color-secondary);
		border-color: var(--color-secondary);
	}
	.no-binding {
		color: var(--color-primary);
		font-family: 'Avenir Medium', sans-serif;
		font-weight: 500;
	}
	.hp-heading + .quote-bar {
		display: none;
	}
	.page-library, .page-account {
		padding-top: 115px;
	}
	.page-library header.site-header,
	.page-account header.site-header {
		box-shadow: none;
	}
	.page-account .heading h1 {
		margin: 1em auto 0;
		order: 3;
		font-size: var(--regular-h1-size);
	}
	.page-library .heading h1 {
		margin: 1.3em auto 1em;
		order: 3;
		font-size: 40px;
	}
	.account-heading h1 {
		order: 2;
		font-size: var(--heading-h1-size);
	}
	.account-heading h2 {
		order: 4;
	}
	.account-heading h4 {
		color: var(--color-primary);
		order: 3;
	}
	.heading > img {
		width: var(--inter-width);
	}
	.heading .selector {
		display: flex;
		flex-direction: row;
		justify-content: space-evenly;
		align-items: center;
		margin: 0 auto;
		padding: 0 0 .5rem;
		width: auto;
		overflow-x: scroll;
		order: 1;
		box-shadow: var(--shadow-default);
		z-index: 1;
	}
	.heading .selector {
		display: flex;
		flex-direction: row;
		justify-content: space-between;
		align-items: center;
		margin: 0;
		padding: 0 .5rem .5rem;
		white-space: nowrap;
		width: 100vw;
		max-width: 100vw;
		overflow-x: scroll;
		box-shadow: var(--shadow-default);
		cursor: grab;
		order: 1;
		z-index: 1;
	}
	.playlist-selector {
		white-space: nowrap;
		overflow-x: auto;
		margin: 3rem auto 1rem;
		padding-top: 0.7em;
		cursor: grab;
	}
	.playlist .image::after {
		font-size: 9px;
	}
	.playlist .info .creator {
		font-size: 11px;
	}
	.heading .selector a {
		margin: auto .2rem;
		padding: .5em .8em;
		text-transform: uppercase;
	}
	.courses .selector {
		width: 100vw;
	}
	.selector.active {
		position: fixed;
		top: 70px;
		background-color: rgba(251, 249, 244, 0.9);
		transition: all .35s ease-in-out, background-color .1s ease-out;
	}
	.show-video-filter-label {
		height: 2em;
		width: 2em;
		background-color: var(--color-primary);
		-webkit-mask-image: url('/assets/img/icon-settings.svg');
		mask-image: url('/assets/img/icon-settings.svg');
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
		-webkit-mask-position: center;
		mask-position: center;
		cursor: pointer;
	}
	.show-video-filter-label.hidden {
		display: flex !important;
	}
	input#show-video-filter:checked ~ .selector .show-video-filter-label {
		-webkit-mask-image: url('/assets/img/icon-settings-on.svg');
		mask-image: url('/assets/img/icon-settings-on.svg');
	}
	.courses .intro {
		width: var(--inner-width);
		order: 4;
	}
	.video-filter {
		--box-radius: 0;
		--label-radius: 0;
		position: relative;
		display: flex;
		flex-direction: column-reverse;
		justify-content: space-between;
		align-items: stretch;
		width: 100vw;
		height: unset;
		max-height: 0;
		overflow: hidden;
		margin: 0 auto;
		border: none;
		background-color: var(--color-white);
		opacity: 0;
		transition: max-height .4s ease-in-out, opacity .15s ease-out .2s;
		order: 2;
	}
	input#show-video-filter:checked ~ .video-filter {
		display: flex;
		max-height: 300vh;
		opacity: 1;
		transition: max-height .4s ease-in-out, opacity .35s ease-in;
	}
	.video-filter > .video-search-box {
		display: flex;
		align-self: stretch;
		padding: 1em;
		background-color: var(--color-overlay-bd);
	}
	.video-filter > div #video-search {
		width: 100%;
		height: 44px;
		margin: 0;
		padding: 11px 13px 11px 15px;
		color: var(--color-overlay);
		border: 1px solid var(--color-overlay);
		border-radius: 22px;
		background-color: rgba(255, 255, 255, 0.76);
		z-index: 5;
	}
	.video-filter > ul {
		display: inline-flex;
		flex-direction: column;
		justify-content: space-evenly;
		align-items: stretch;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.video-filter > ul > li {
		position: relative;
		background-color: var(--color-overlay-bd);
		--opener-width: 23px;
		--opener-height: 1px;
		--opener-right: 16px;
		--opener-top: 24px;
	}
	.video-filter > ul > li.open {
		background-color: var(--color-background);
	}
	.video-filter > ul > li::before,
	.video-filter > ul > li::after {
		content: "";
		position: absolute;
		top: var(--opener-top);
		right: var(--opener-right);
		display: block;
		width: var(--opener-width);
		height: var(--opener-height);
		background-color: var(--color-primary);
	}
	.video-filter > ul > li.open::after {
		transform: rotate(0deg);
	}
	.video-filter > ul > li::after {
		transform: rotate(90deg);
	}
	.video-filter span {
		position: relative;
		height: 55px;
		display: flex;
		align-items: center;
		padding: 0 .125em 0 1.25em;
		color: var(--color-primary);
		text-decoration: none;
		line-height: 1.1;
		cursor: pointer;
		z-index: unset;
		transform: translateY(-1px);
		--pseudo-opacity: 0;
		font-size: 20px;
	}
	.video-filter ul li.open > span {
		 background-color: unset;
		 border-bottom: none;
	}
	.video-filter span::after, .video-filter span + sup {
		position: relative;
		top: -10px;
		left: 5px;
		content: attr(data-counter);
		display: flex;
		justify-content: center;
		align-items: center;
		height: 1.2em;
		width: 1.2em;
		padding: 2px;
		font-size: 60%;
		color: var(--color-white);
		background-color: var(--color-teal);
		border-radius: 50%;
		opacity: var(--pseudo-opacity);
	}
	.video-filter ul li > div {
		position: relative;
		opacity: 0;
		max-height: 0;
		margin-top: unset;
		padding: 0 1.5em 0;
		overflow: hidden;
		border: none;
		transition: max-height .4s ease-in-out, opacity .15s ease-out;
	}
	.video-filter ul li.open > div {
		opacity: 1;
		max-height: 300vh;
		overflow: visible;
		box-shadow: none;
		margin-top: 0;
		padding: 1em 1.5em;
		background-color: var(--color-background);
	}
	.video-filter ul li.open > div::after {
		content: none;
	}
	.video-filter > ul > li ul {
		display: grid;
		grid-template-columns: repeat(5, 1fr);
		list-style: none;
		padding: 0 1em 0.4em;
		margin: 0 -2em 0em;
		grid-gap: 0.5em;
	}
	.video-filter > ul > li > div > ul.multi {
		padding: 0 0 !important;
		margin: -1rem -1.5em;
		grid-template-columns: 1fr !important;
		background-color: unset;
	}
	.video-filter > ul > li > div > ul.multi > li {
		position: relative;
		padding: 0 0 0 0.5rem;
	}
	.video-filter > ul > li > div > ul.multi > li::before,
	.video-filter > ul > li > div > ul.multi > li::after {
		--opener-width: 19px;
		--opener-right: 20px;
		content: "";
		position: absolute;
		top: var(--opener-top);
		right: var(--opener-right);
		display: block;
		width: var(--opener-width);
		height: var(--opener-height);
		background-color: var(--color-primary);
	}
	.video-filter > ul > li > div > ul.multi > li::after {
		transform: rotate(90deg);
	}
	.video-filter > ul > li > div > ul.multi > li.open::after {
		transform: rotate(0deg);
	}
	.video-filter > ul > li > div > ul.multi > li > span {
		justify-content: unset;
		font-size: 100%;
	}
	.video-filter > ul > li > div > ul.multi > li.open > span {
		background-color: unset;
		border: none;
	}
	.video-filter > ul > li > div > ul.multi > li.open > div {
		position: relative;
		padding: 0 1.5em;
		margin: 0 0 0 -.5rem;
		width: 100vw;
		box-shadow: none;
	}
	.video-filter > ul > li > div > ul.multi > li.open > div > ul {
		margin-top: unset;
		padding-top: 0;
	}
	.video-filter ul li > div > ul {
		margin-top: 0;
		padding: 0 1.5em;
		list-style: none;
		display: grid;
		grid-template-columns: repeat(2, 1fr);
		gap: 0.5em;
	}
	.video-filter > ul > li > div > ul {
		border-bottom: 0px solid var(--color-overlay);
	}
	.video-filter > ul > li > div > ul > li > label {
		/*padding: .5em 0.75em;*/
		/*height: 3em;*/
		display: inline-flex;
		justify-content: start;
		align-items: center;
		font-family: 'Avenir Medium', sans-serif;
		/*font-size: 16px;*/
		line-height: 1.1;
		border-radius: 1.5em;
	}
	.filtered {
		position: fixed;
		bottom: 0;
		background: var(--color-background);
		left: 0;
		right: 0;
		padding: 1em 0;
		box-shadow: 0 -7px 10px 0 rgb(0 0 0 / 16%);
		z-index: 10;
	}
	.video-filter > ul > li .selected .label {
		margin: auto 2em;
		border-bottom: 1px solid var(--color-overlay-bd);
	}
	.page-account .heading p {
		order: 5;
	}
	.explore {
		grid-template-columns: repeat(1, 1fr);
		grid-gap: 13px;
	}
	section[class^='chosen-videos'] {
		padding: 20px 5vw;
	}
	section[class^='chosen-videos'] h2 {
		margin: 1em auto;
		font-size: 20px;
	}
	section[class^='chosen-videos'] .preview-track {
		padding: 20px 0;
		column-gap: 2rem;
	}
	.draggable::after {
		content: none;
	}
	.courses-track {
		grid-gap: 10px 15px;
	}
	.courses-track {
		width: auto;
		display: grid;
		grid-template-columns: repeat(auto-fill, minmax(82px, 1fr));
		grid-template-rows: repeat(4, 1fr);
		grid-gap: 20px 15px;
		/*grid-auto-rows: minmax(289px, 289px);*/
		grid-auto-flow: column dense;
	}
	.courses-track a.preview.small,
	.courses-track a.preview.full {
		width: 176px;
		height: 185px;
		grid-column-end: span 2;
		grid-row-end: span 2;
	}
	.courses-track a.preview .title {
		height: 46px;
		font-size: 14px;
	}
/*	.courses-track a.preview.full {
		width: 265px;
		grid-column-end: span 3;
		grid-row-end: span 3;
	}*/

	section.wide-clean {
		grid-template-columns: auto;
	}
	.try-us > div:first-child.prov h2 {
		text-align: center;
		font-size: 64px;
		width: 100%;
	}
	.try-us > div:first-child.prov p {
		font-size: 18px;
		letter-spacing: .2em;
		transform: translateX(0);
		align-self: center;
	}
	.try-us > div:first-child.prov ul {
		margin: 1em 0;
	}
	.try-us > div:first-child.prov li {
		padding-left: unset;
		margin-bottom: 1.1em;
	}
	.try-us div:last-child.namaste {
		min-height: 415px;
	}
	.try-us > div:last-child.namaste p {
		display: none;
	}
	.trial-heading {
		height: auto;
	}
	.trial-heading > div {
		width: var(--full-width);
		margin: auto;
	}
	.trial-heading > div:first-child form {
		margin: 1rem auto 2vh;
		text-align: left;
		width: max(98%, 300px);
	}
	.trial-heading > div:last-child.forener {
		min-height: 100vh;
	}

	section.quote-bar {
		overflow: hidden;
	}
	.quote-bar p {
		padding-top: 0;
		width: auto;
		font-size: 14px;
	}
	.quote-bar h3 {
		font-size: 24px;
		margin: 0 calc(100vw / 14);
	}

	section.slider figure {
		width: 282px;
		margin: 40px 7px;
		font-size: 16px;
	}
	section.slider figure img {
		width: 100%;
	}
	.online-univers > div:first-child {
		width: 100vw;
		height: 387px;
	}
	.online-univers > div:last-child {
		padding: 5vw;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
	}
	.online-univers > div:last-child h2 {
		font-family: 'Analogue', sans-serif;
		font-size: calc(100vw / 10);
		letter-spacing: .2em;
	}
	.online-univers > div:last-child h2 + div {
		font-size: calc(100vw / 21);
		text-align: center;
	}
	.online-univers > div:last-child p {
		margin: 32px auto 27px;
	}
	.online-univers .commands {
		flex-direction: column;
		align-items: center;
	}
	.online-univers .button {
		width: 14em;
		margin: 1em;
	}

	section.wide-boxed {
		padding: 20px 5vw;
	}
	section.wide-boxed > div {
		flex-direction: column;
	}
	section.two-fold.wide-boxed > div > div {
		width: 100%;
	}
	.vaer-med > div > div:first-child {
		width: 100%;
		height: 440px;
		padding: 10px 5vw;
	}
	.vaer-med > div > div:first-child h2 {
		font-size: 46px;
		width: 100%;
	}
	.vaer-med > div > div:last-child {
		width: unset;
		height: 343px;
	}
	.wide-boxed.three-fold > h1 {
		margin: 20px -5vw 30px;
		font-size: 48px;
	}
	section.three-fold > div {
		grid-template-columns: auto;
		grid-template-rows: 1fr 1fr 1fr;
	}
	.dit-team {
		padding: 30px 5vw;
	}
	.nyhed > div:first-child {
		height: 366px;
	}
	.nyhed > div:last-child {
		padding: 30px 5vw;
	}
	.nyhed > div:last-child h2 {
		font-size: 90px;
	}
	.trustpilot h2 {
		font-size: 32px;
	}
	.trustpilot .slide-nav {
		justify-content: center;
		width: 100vw;
		padding: 0;
	}
	.trustpilot .slide-nav .arrow {
		display: none;
	}
	.trustpilot .testimonial {
		width: 90vw;
		margin: 30px 5vw;
	}

	/* teachers page */
	.teachers h1 {
		font-size: var(--regular-h1-size);
	}
	.teachers-grid {
		--column-count-3: 1;
		margin: 2rem auto;
		grid-gap: 13px;
	}
	.teachers-grid .person-card {
		flex-direction: row;
		--line-count: 4;
		width: 100%;
	}
	.teachers-grid .person-card .image {
		width: 38vw;
		height: unset;
		aspect-ratio: 1/1;
	}
	.teachers-grid .person-card .info {
		padding: 1em 1.2ch;
		width: 57vw;
	}
	.teachers-grid .person-card .info .name {
		margin: 0;
		font-family: 'Avenir Heavy', sans-serif;
		font-size: 18px;
		font-weight: normal;
		text-transform: uppercase;
	}
	.teacher .heading .video {
		width: 100%;
		height: auto;
		aspect-ratio: 16/9;
	}
	.more-videos .videos-roll .video {
		min-width: 327px;
		height: auto;
	}
	.more-videos .videos-roll .video .thumb {
		aspect-ratio: 16/9;
		height: auto;
	}
	.more-videos .videos-roll .info p {
		text-align: initial;
		margin: 0 0 1em;
		display: -webkit-box;
		-webkit-line-clamp: var(--line-count);
		-webkit-box-orient: vertical;
		overflow: hidden;
		--line-count: 3;
	}

	/* food pages */
	.page-food .heading h1 {
		font-size: 48px;
	}
	.page-food .heading h1 small,
	.page-food .heading h1 span {
		font-size: 50%;
	}
	.page-food .heading p {
		font-size: 16px;
	}
	.page-food .dishes h3 {
		margin: 1rem auto;
	}
	.dishes-grid {
		width: var(--inter-width);
		margin: 2rem 0;
		grid-template-columns: repeat(2, 1fr);
		grid-gap: 1rem;
	}
	.dishes-grid .dish-card,
	.dishes-grid .dish-card.small,
	.dishes-grid .dish-card.full {
		width: unset;
		min-width: unset;
		height: unset;
		min-height: unset;
		aspect-ratio: 25/34;
	}
	.dish-card .title {
		align-items: center;
		font-size: 16px;
		height: 50px;
		min-height: 50px;
	}
	.dish-card .info .expert {
		font-size: 14px;
	}
	.fav .heart {
		width: 24px;
		height: 24px;
	}
	.favorite-food h2 {
		font-size: 32px;
	}
	.dishes-grid.favorites {
		grid-gap: 22px 16px;
		grid-auto-rows: unset;
		grid-auto-flow: row dense;
		grid-template-columns: repeat(2, 1fr);
		grid-template-rows: repeat(5, 1fr);
	}
	.dotw > div {
		flex-direction: column;
	}
	.two-fold > div > div {
		min-height: unset;
	}
	.two-fold > div > div:first-child {
		width: var(--inter-width);
		margin: auto;
		padding: 0 0 2rem 0;
	}
	.two-fold > div > div:last-child {
		width: var(--inter-width);
		aspect-ratio: 1/1;
		margin: auto;
	}
	.all-experts h2 {
		font-size: 25px;
	}
	.more-teachers .person-card,
	.all-experts .person-card {
		aspect-ratio: 35/50;
	}
	.more-teachers .person-card .image,
	.all-experts .person-card .image {
		width: 275px;
		height: unset;
		aspect-ratio: 1.06/1;
	}
	.person-card .info {
		padding: 1em 1em .3em;
	}
	.person-card .info .name {
		font-family: 'Avenir Medium', sans-serif;
		font-size: 18px;
		font-weight: 500;
	}
	.food-expert .heading h1 {
		font-size: 32px;
		width: 80vw;
	}
	.food-expert .heading .website {
		margin: 0 auto 2rem;
	}
	.food-expert .heading .chef-info {
		flex-direction: column;
	}
	.food-expert .heading .chef-info .image {
		width: 100%;
		aspect-ratio: 1/1;
	}
	.food-expert .heading .chef-info .image img {
		width: 100%;
		aspect-ratio: 1/1;
	}
	.food-expert .heading .chef-info .bio {
		padding: 1rem 1rem;
	}
	blockquote.pull-qoute {
		--pq-font: 22px;
	}
	.food-expert .dishes-grid {
		max-width: fit-content;
		grid-template-columns: repeat(2, 1fr);
	}
	.food-expert .dishes-grid .dish-card {
		width: unset;
		height: unset;
		flex-direction: column-reverse;
		aspect-ratio: 22.5/27.5;
	}
	.page-recipe h1 {
		width: var(--inner-width);
		margin: 2rem auto 0;
		font-size: 32px;
	}
	.recipe {
		width: var(--inner-width);
	}
	.recipe .recipe-card.full {
		width: var(--inner-width);
		margin: 2rem auto 7rem;
		display: flex;
		flex-direction: column;
	}
	.recipe .recipe-card.full .chef-card {
		position: relative;
		width: 100%;
		display: flex;
		flex-direction: row;
		padding-bottom: 0;
		box-shadow: 0 7px 10px 0 rgba(0, 0, 0, 0.16);
		transform: none;
		order: 7;
	}
	.recipe .recipe-card.full .chef-card a {
		width: 50%;
	}
	.recipe .recipe-card.full .chef-card > div {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 50%;
		justify-content: space-evenly;
	}
	.recipe .recipe-card.full .chef-card h3 {
		margin: 0.5rem auto 1rem;
		font-size: 18px;
		font-family: 'Avenir Medium', sans-serif;
		text-transform: initial;
	}
	.recipe .recipe-card.full .chef-card .social a {
		width: 45px;
		height: 45px;
	}
	.recipe .recipe-card.full .chef-card .social a img {
		width: 45px;
	}
	.recipe .recipe-card.full .chef-card .website {
		width: auto;
	}
	.recipe .preparation {
		padding: 0 0 30px 0;
	}
	.recipe .preparation h3 {
		margin: 2em auto 2em 75px;
		font-family: 'Avenir', sans-serif;
		font-size: 20px;
		letter-spacing: normal;
		line-height: 2.5;
	}
	.related-recipes h2 {
		font-size: 25px;
	}

	/* discounts page */
	.page-discounts .heading h1 {
		font-size: 32px;
	}
	.page-discounts .heading p {
		margin: 3em 5vw;
		font-size: var(--heading-p-size);
	}

	.shops-grid {
		width: fit-content;
		grid-template-columns: repeat(var(--column-count-3), 1fr);
	}
	.shop-card {
		width: var(--inner-width);
	}
	.shop-card .featured-img {
		width: 100%;
		aspect-ratio: 2.6/1;
		background-position: center;
	}
	.page-discount-shop h1 {
		font-size: 32px;
	}
	.page-discount-shop article figure {
		margin: 2rem -5vw;
	}
	.discount-shops h2 {
		font-size: 32px;
	}
	.discount-shops .shop-card .info {
		padding: 20px 25px;
	}
	.discount-shops .shop-card {
		width: 297px;
		height: 444px;
	}
	.discount-shops .shop-card a.button {
		margin: 0 auto;
	}
	.shops-track {
		column-gap: 1rem;
	}

	/* get started page */
	.page-get-started .heading {
		margin: 3rem auto 0;
	}
	.page-get-started .heading h1 {
		font-size: 32px;
	}
	.page-get-started .heading p {
		text-align: center;
	}
	section.wide-boxed {
		padding: 20px 2.5vw;
	}
	.wide-boxed.two-fold.tour > div {
		flex-direction: column-reverse;
	}
	.wide-boxed.two-fold.tour > div > div {
		aspect-ratio: 1/1;
	}
	.wide-boxed.two-fold.tour > div h2 {
		font-size: 48px;
	}
	.wide-boxed.two-fold.tour > div p {
		width: MIN(450px, 85%);
	}
	.follow-course > h2 {
		font-size: 32px;
		margin-bottom: 1em;
	}

	.course-single h1 {
		font-size: 35px;
	}
	.overview.intro .video-preview {
		width: var(--full-width);
	}
	.pitch-box .image {
		min-width: 100%;
	}
	.course-2.course-single h1 {
		font-size: 17.5px;
	}
	.course-2.course-single h1 small {
		font-size: 200%;
	}
	.course-single a.button.show-more {
		white-space: unset;
		padding: .5em 1em;
	}
	.course-single figure {
		width: 100%;
		padding: 0;
		margin: 0 auto;
	}
	.course-single figure img {
		width: 100%;
	}
	.pitch-box {
		flex-direction: column;
	}
	.pitch-box .pitch {
		padding: 1rem 0.7rem;
	}
	.pitch-box .pitch h4 {
		margin: 1rem auto;
	}
	.pitch-box .image {
		min-width: 100%;
		width: unset;
		height: 550px;
	}
	.pitch-box.offer-box .image {
		min-width: 100%;
		max-width: unset;
		height: unset;
		aspect-ratio: 16/9;
		background-image: url('/assets/img/offer-box.jpg') !important;
		background-position: center bottom;
	}
	.pitch-box.offer-box .offer {
		padding: 1rem .7rem;
	}
	.pitch-box.offer-box .offer h3 {
		margin: 0;
		text-align: center;
		font-size: 20px;
		letter-spacing: .05em;
	}
	.pitch-box.offer-box .offer ol {
		padding: 0 0 0 60px;
	}
	.pitch-box.offer-box .offer ol li::before {
		--size: 45px;
		left: calc(-1 * var(--size) - 16px);
	}
	section.advice-box {
		padding: 0.5rem;
	}
	section.advice-box h3 {
		margin: 20px 0 20px;
		letter-spacing: .06em;
		line-height: 1.3;
	}
	section.advice-box ol li {
		padding: 2em 0 2em 60px;
	}
	#daily-progress {
		--tab-padding: 16px 16px 0;
		--opener-right: 0px;
		--opener-top: 10px;
	}
	.accordion .tab p {
		margin-right: 0;
	}
	.accordion .tab input:checked ~ .tab-content {
		max-height: fit-content;
	}
	.video.daily {
		width: 100%;
		height: min-content;
		min-height: unset;
		justify-content: flex-start;
	}
	.video.daily .thumb {
		width: 100%;
		aspect-ratio: 16/9;
		height: auto;
	}
	.video.daily .thumb .play img {
		width: 55px;
	}
	.video.daily .thumb::after {
		bottom: unset;
		top: -37px;
	}
	.video.daily .info p {
		margin: 0 10px 0 0;
	}
	.video.daily .info .fav {
		align-self: normal;
	}
	.video.daily .info .heart {
		width: 40px;
		height: 40px;
	}
	.video.daily .info .heart::before,
	.video.daily .info .heart::after {
		content: none;
	}
	.video-libraries h3 {
		font-size: 25px;
	}
	.video-libraries .videolibs-item,
	.selected-topic .videolibs-item {
		min-width: 276px;
		max-width: 276px;
		height: 440px;
		aspect-ratio: 69/115;
		--line-count: 3;
		display: grid;
		grid-template-areas: "title" "preview" "summary" "cta";
		--padding: 40px;
		padding: 0 calc(var(--padding) / 2) var(--padding);
	}
	.video-libraries .videolibs-item .image,
	.selected-topic .videolibs-item .image {
		height: 153px;
		aspect-ratio: 276/153;
		margin: 0 calc(var(--padding) / 2 * -1);
		min-width: 276px;
	}
	.video-libraries .videolibs-item .title,
	.selected-topic .videolibs-item .title {
		display: flex;
		height: 55px;
		margin: 0;
		padding: calc(var(--padding) / 3) 0;
		align-items: center;
		font-size: 13px;
		text-align: left;
	}
	.video-libraries .videolibs-item .summary,
	.selected-topic .videolibs-item .summary {
		display: -webkit-box;
		-webkit-line-clamp: var(--line-count);
		-webkit-box-orient: vertical;
		overflow: hidden;
		height: 4.2em;
		padding: 0;
		text-align: left;
	}
	.video-libraries .videolibs-item .cta,
	.selected-topic .videolibs-item .cta {
		display: grid;
		grid-template-areas:
			"count duration"
			"button button";
		padding: 0;
	}
	.videolibs-item .count {
		grid-area: count;
	}
	.videolibs-item .duration {
		grid-area: duration;
	}
	.videolibs-item .count,
	.videolibs-item .duration {
		font-size: 60px;
	}
	.videolibs-item .button {
		grid-area: button;
		margin-top: 1em;
	}

	.find-video .find {
		padding: 2rem 2.5vw;
	}
	.find-video .find div {
		width: MAX(78%, 360px);
	}
	.find-video h2 {
		font-size: 48px;
		margin: 1rem auto;
	}
	.find-video .find p.subheading {
		margin: 0 2em;
	}
	.find-video .find ul {
		padding: 0;
	}
	.find-video > div:last-child.namaste p {
		display: initial;
		margin-top: 60px;
	}
	.tips h2 {
		font-size: 32px;
	}
	.tips .tips-track .tip {
		min-width: 320px;
		height: 500px;
		padding: 25px 25px 25px 115px;
	}
	.popular-videos h2 {
		font-size: 24px;
	}


	/* we support page */
	.page-support .heading h1 {
		font-size: 32px;
	}
	.page-support .heading h4 {
		font-size: 20px;
	}
	.page-support .cause,
	.page-support .cause.rev {
		flex-direction: column;
		margin: 1.5rem auto;
	}
	.page-support .cause .image {
		width: 100%;
	}
	.cause .image img {
		width: 100%;
	}
	.page-support .cause .info,
	.page-support .cause.rev .info {
		padding: 2rem 1rem;
	}

	/* about us (om yogavivo) page */
	.page-yogavivo .heading h1 {
		font-size: 40px;
		margin: 1em auto;
	}
	.page-yogavivo .live-yoga,
	.page-yogavivo .portal,
	.page-yogavivo .courses,
	.page-yogavivo .values {
		width: var(--inter-width);
		max-width: var(--progress-width);
		margin: 1rem auto;
		background-color: var(--color-white);
		padding: 2rem 1rem;
	}
	.page-yogavivo h3 {
		font-size: 30px;
		margin: 1em auto;
	}
	.page-yogavivo .portal {
		flex-direction: column;
		padding: 2rem 1rem;
	}
	.page-yogavivo .portal > div:not(.image) {
		margin-left: unset;
	}
	.page-yogavivo .values .button {
		display: flex;
	}
	.legal {
		padding-top: 125px;
	}
	.legal h1 {
		font-size: 23px;
		text-align: left;
		transform: none;
		display: flex;
		width: var(--inter-width);
	}

	/* account pages */
	.page-profile h1 {
		font-size: 32px;
	}
	/* profile */
	.profile {
		width: fit-content;
		margin: 75px 2.5vw;
		grid-gap: 20px;
	}
	.profile-info {
		grid-column: 1/-1;
		grid-column-end: unset;
	}
	.profile-box {
		flex-direction: row;
		justify-content: flex-start;
		text-align: left;
		height: auto;
		padding: 1rem;
		column-gap: 1rem;
	}
	.profile-sheet .info {
		flex-direction: column;
	}
	.profile-sheet .info a {
		margin: 1em;
	}
	.profile-sheet .info .button {
		margin-inline-start: unset;
	}
	/* upgrade/reactivate */
	.membership-plans {
		width: fit-content;
		grid-gap: 2rem;
		flex-direction: column;
	}
	.video-comments .video-comment {
		margin: 0;
	}
	.video-comments {
		flex-direction: column;
		padding: 2rem 2.5vw;
		grid-gap: 1rem;
	}
	.video-comments .video-comment .image {
		display: none;
	}
	.video-comments .video-comment p {
		position: relative;
	}
	.video-comments .video-comment p:not(.eyebrow)::before {
		content: open-quote;
		position: absolute;
		left: -50px;
		top: 55px;
		font-family: 'Analogue', sans-serif;
		font-size: 900%;
		line-height: 0;
		color: var(--color-overlay);
	}
	/* giftcard */
	.page-profile h1 small {
		margin-top: 1em;
	}
	.giftcard .features {
		flex-direction: column;
		margin-bottom: 2rem;
	}
	.giftcard .features ul {
		padding: 2em 1em 1em 4em;
	}
	.giftcard .plans {
		flex-direction: column;
		width: fit-content;
		margin: auto;
		grid-gap: 2rem;
	}
	.process .steps {
		width: fit-content;
		flex-direction: column;
	}
	.process .steps .step {
		min-width: unset;
	}
	.process .steps .step h3 {
		white-space: normal;
	}


	/* page footer */
	footer {
		height: unset;
	}
	footer .container {
		width: 100vw;
	}
	footer .footer-cols {
		flex-direction: column;
		align-items: center;
	}
	footer .footer-cols > div {
		width: 90vw;
		text-align: center;
	}
	footer h4 {
		text-align: center;
	}
	footer ul {
		line-height: 2.22;
	}
	footer .tagline {
		max-width: 20em;
	}
	.co2neutral {
		padding-bottom: 50px;
	}
	.co2neutral img {
		margin: 0 auto 50px;
		display: block;
	}

	/* popups */
	button.mfp-close {
		top: 10px;
		right: 10px;
	}
	button.mfp-close img {
		transform: scale(1.2) rotate(45deg);
	}
	.mfp-fade.mfp-wrap.mfp-ready .mfp-content {
		position: relative;
	}
	.mfp-fade.mfp-wrap.mfp-ready .mfp-content::before,
	.mfp-fade.mfp-wrap.mfp-ready .mfp-content::after {
		content: '';
		position: absolute;
		display: block;
		left: 0;
		width: 100%;
		top: 50px;
		height: 20px;
		background: rgb(251,249,244);
		background: linear-gradient(180deg, rgba(251,249,244,1) 0%, rgba(251,249,244,.75) 50%, rgba(251,249,244,0) 100%);
		z-index: 2090;
	}
	.mfp-fade.mfp-wrap.mfp-ready .mfp-content::after {
		top: unset;
		bottom: 0;
		background: linear-gradient(180deg, rgba(251,249,244,0) 0%, rgba(251,249,244,.75) 50%, rgba(251,249,244,1) 100%);
	}
	.popup {
		position: relative;
	}
	.popup .image {
		display: none;
	}
	.popup .form {
		position: relative;
		width: 100%;
		padding: 5vw;
		justify-content: flex-start;
		margin-top: 50px;
		overflow-y: auto;
	}
	.popup h3 {
		font-size: 32px !important;
	}
	.form-opts {
		flex-direction: column;
	}
	.form-opts {
		flex-direction: column;
		align-items: center;
		min-height: 5em;
	}
	.popup .form .submit {
		margin: 3em auto 0;
	}
	.popup .form.prefs {
		padding: 0 1rem;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		align-items: center;
		text-align: center;
	}
	.popup .form.prefs h5 {
		margin-top: 0;
	}
	.popup .form.prefs fieldset {
		margin: 1rem 0 0;
	}
	.popup .form.prefs fieldset p {
		font-size: 12px;
	}
	.popup .form.prefs label {
		font-size: 12px;
	}
	.popup .form .submit {
		margin-bottom: 1rem;
	}
	.popup .form .submit a {
		margin: 0;
		font-size: 14px;
	}
	.popup .form .submit a:last-child {
		margin-inline-start: .5em;
	}

	.blog-heading {
	}
	.blog-heading h1 {
		font-size: 48px;
		margin-bottom: 30px;
	}
	.blog-archive {
		grid-template-columns: repeat(1, 1fr);
	}

	.post-latest > * {
		width: 100%;
	}
	.post-latest .featured-img {
		width: 100%;
		min-height: 276px;
	}
	.post-latest .teaser .latest-article {
		margin-bottom: 1em;
	}
	.post-latest .teaser h2.title {
		min-height: 4em;
	}
	body.blog-post article figure img {
		width: calc(100% + 10vw);
		margin: auto -5vw;
	}
	body.blog-post blockquote.pull-qoute {
		/*transform: scale(.5);*/
	}
	body.blog-post .author-box {
		width: var(--author-box-width);
		min-height: 305px;
		margin: 100px auto;
		background-color: white;
		display: grid;
		grid-template-columns: 150px auto;
		grid-template-areas:
				"avatar name"
				"info info";
	}
	body.blog-post .author-pic {
		grid-area: avatar;
		padding: 15px;
	}
	body.blog-post .author-box .author-info {
		padding: 15px 15px;
	}

	.comments-label {
		transform: translateX(0);
	}

	.comment-thread {
		transform: translateX(0);
	}

	.page-logged-out h1 {
		font-size: 44px;
	}
	.wide-boxed.three-fold > h2 {
		font-size: 48px;
	}


	/* video page */
	.current-video .title {
		height: 2.5rem;
	}
	.current-video .title h4 {
		margin-left: 1em;
		font-size: 16px;
		margin-top: 13px;
	}
	.current-video .commands > span {
		top: -30px;
		right: 20px;
		margin-left: 0px;
	}
	.current-video .commands .fav .heart {
		width: 22px;
		height: 22px;
	}
	.current-video .extra {
		flex-direction: column-reverse;
	}
	.current-video .preview {
		width: 100%;
		height: auto;
	}

	.commands .add-playlist {
		width: 2em;
	}
	.commands .add-playlist::after {
		top: -5px;
		transform: scale(0.7);
	}
	.current-video .commands .add-playlist + div {
		flex-direction: row;
		align-items: baseline;
		background-color: rgba(255, 255, 255, 0.85);
		padding: 0 5px;
		min-width: 100%;
		width: 100%;
		transform: translateX(100%);
	}
	.current-video .commands .add-playlist + div > div {
		width: 46%;
	}
	.current-video .commands .add-playlist + div h5,
	.current-video .commands .add-playlist > div h5 {
		margin-top: .2em;
		font-size: 13px;
	}
	.current-video .commands .add-playlist + div .button {
		margin-top: .5em;
		min-width: 12em;
		width: auto;
		font-size: 12px;
		line-height: 1.1;
	}
	.current-video .commands .add-playlist + div p {
		margin: auto;
		font-size: 12px;
		line-height: 1.2;
	}
	.current-video .commands .add-playlist + div select {
		color: var(--color-primary);
		text-transform: uppercase;
		font-size: 13px;
	}
	.current-video .commands .add-playlist + div .floating-label > * {
		font-size: 13px;
	}
	.current-video .commands .add-playlist + div .floating-label .text {
		padding-top: .3em;
	}
	.current-video .commands .add-playlist + div .floating-label input:not(:placeholder-shown) ~ label,
	.current-video .commands .add-playlist + div .floating-label input:not(:placeholder-shown) + label,
	.current-video .commands .add-playlist + div .floating-label textarea:not(:placeholder-shown) + label {
		font-size: 60%;
		transform: translate3d(0em, -0.7em, 0);
	}

	.comment-box .user-data {
		grid-template-areas: "name name date" "comment comment command";
		border-left: 1px solid;
	}
	.comment-box .user-name {
		font-size: 14px;
	}
	.comment-box .datetime {
		font-size: 10px;
	}
	.comment-box .commented {
		font-size: 13px;
	}

	.current-video .playlist-controls {
		flex-wrap: wrap;
	}
	.playlist-controls .video-name {
		width: 100%;
	}
	.playlist-controls label {
		width: 47vw;
		line-height: 1.4;
	}
	.playlist-controls .video-delete {
		width: 47vw;
	}

	.video-entry {
		height: auto;
		margin: 2.5rem 0;
	}
	.video-entry .image {
		min-width: 130px;
		height: auto;
		aspect-ratio: 3/2;
	}
	.video-entry .info {
		padding: 0.6rem 0.6rem;
	}
	.video-entry h4 {
		font-size: 16px;
	}
	.video-entry .info p {
		--line-count: 3;
		margin-bottom: 0;
		display: -webkit-box;
		-webkit-line-clamp: var(--line-count);
		-webkit-box-orient: vertical;
		overflow: hidden;
		font-size: 12px;
	}
	.video-entry .controls {
		width: 46px;
	}
	.video-entry .controls > * {
		height: 40px;
		width: 40px;
		margin-right: 4px;
	}
	.video-entry .controls .del {
		-webkit-mask-image: unset;
		mask-image: unset;
		margin-top: -24px;
		position: relative;
		background-color: var(--color-white);
		border-radius: 50%;
		box-shadow: 0 1px 12px -6px rgba(0, 0, 0, 0.39);
	}
	.video-entry .controls .del::before {
		content: "";
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
		background-color: var(--color-primary);
		-webkit-mask-image: url('/assets/img/icon-trash.svg');
		mask-image: url('/assets/img/icon-trash.svg');
		-webkit-mask-position: center;
		mask-position: center;
		-webkit-mask-repeat: no-repeat;
		mask-repeat: no-repeat;
	}
	.video-entry.current .controls * {
		background-color: var(--color-white);
	}

	/* page firmayoga */
	.page-firmayoga .heading h1 {
		font-size: 32px;
	}
	.page-firmayoga .pitch-box .image {
		width: 100%;
		height: auto;
		aspect-ratio: 4/6;
	}
	.page-firmayoga .pitch-box p {
		margin: 0 0 1em;
	}
	.page-firmayoga .pitch-box.rev {
		flex-direction: column;
	}
	.page-firmayoga .pitch-box.rev .image {
		aspect-ratio: 1/2;
	}
	.page-firmayoga .antistress h2 {
		margin: 35px auto;
		font-size: 24px;
	}
	.page-firmayoga .antistress > div {
		width: var(--inter-width);
		margin: auto;
		display: flex;
		flex-direction: column;
		gap: 35px;
	}
	.page-firmayoga .antistress > p {
		margin: 35px auto;
		text-align: center;
	}
	.page-firmayoga .advantages h2 {
		font-size: 20px;
	}
	.page-firmayoga .advantages > div {
		flex-direction: column;
		height: auto;
		margin: 0 auto 20px;
	}
	.page-firmayoga .advantages > div > * {
		width: 100%;
	}
	.page-firmayoga .advantages > div > .image {
		width: 100%;
		aspect-ratio: 1/1;
	}
	.page-firmayoga .advantages ul {
		padding: 8vw;
	}
	.page-firmayoga .advantages ul li {
		font-size: 17px;
		line-height: 1;
		margin-bottom: 1em;
	}
	.page-firmayoga .advantages ul li strong,
	.page-firmayoga .advantages ul li span {
		font-size: 200%;
	}
	.page-firmayoga .advantages > div.rev {
		flex-direction: column-reverse;
	}
	.page-firmayoga .contact {
		padding: 2rem 0;
	}
	.page-firmayoga .contact h2 {
		font-size: 20px;
	}
	.page-firmayoga .clients h2 {
		width: unset;
		margin: 2em auto;
		font-size: 20px;
	}
	.page-firmayoga .clients .logos {
		width: var(--inter-width);
	}
	.page-firmayoga .clients .logos img {
		width: var(--inter-width);
	}
	.page-firmayoga .clients .statement {
		margin-bottom: 3em;
	}
	.page-firmayoga .clients .ted-talk {
		margin: auto 0;
		width: var(--inter-width);
		max-width: var(--full-width);
	}
	.page-firmayoga #myVideo {
		width: var(--inter-width) !important;
		max-width: var(--full-width);
		aspect-ratio: 16/9;
		margin: auto -2.5vw;
	}
}