@media only screen and (max-width: 734px) {
	.section-hero .section-content {
		--vp-content-width: 335px;
	}
}
.section-hero .section-headline {
	max-width: 15ch;
}

.section-plans .gallery .two-up {
	--cols: 1;
}

.section-plans .gallery .tile-content {
	margin-top: auto;
	margin-bottom: auto;
}

@media only screen and (min-width: 735px) {
	.section-plans .gallery .two-up .tile {
		flex-direction: row-reverse;
	}
}

@media only screen and (min-width: 1069px) {
	.section-plans .gallery .tabnav-items {
		--tabnav-gap: 65px;
	}
}

/* iphone plan  */
.overview-plans-iphone-single {
	display: block;
	width: 100%;
	height: var(--p-height);
	--p-width: 520px;
	--p-height: 500px;
}

@media (max-width: 1068px) and (max-width: 1068px) {
	.overview-plans-iphone-single {
		--p-width: 372px;
		--p-height: 360px;
		margin-top: 38px;
	}
}

@media (max-width: 734px) and (max-width: 734px) {
	.overview-plans-iphone-single {
		--p-width: 280px;
		--p-height: 148px;
		margin-top: 0;
	}
}

/* mac plan  */
.overview-plans-mac-single {
	display: block;
	width: 100%;
	height: var(--p-height);
	--p-width: 520px;
	--p-height: 500px;
}

@media (max-width: 1068px) and (max-width: 1068px) {
	.overview-plans-mac-single {
		--p-width: 372px;
		--p-height: 360px;
		margin-top: auto;
		margin-bottom: auto;
	}
}

@media (max-width: 734px) and (max-width: 734px) {
	.overview-plans-mac-single {
		--p-width: 280px;
		--p-height: 148px;
	}
}

/* display plan  */
.overview-plans-display-single {
	display: block;
	width: 100%;
	height: var(--p-height);
	--p-width: 520px;
	--p-height: 500px;
}

@media (max-width: 1068px) and (max-width: 1068px) {
	.overview-plans-display-single {
		--p-width: 372px;
		--p-height: 360px;
		margin-top: auto;
		margin-bottom: auto;
	}
}

@media (max-width: 734px) and (max-width: 734px) {
	.overview-plans-display-single {
		--p-width: 280px;
		--p-height: 148px;
	}
}

/* ipad plan  */
.overview-plans-ipad-single {
	display: block;
	width: 100%;
	height: var(--p-height);
	--p-width: 520px;
	--p-height: 500px;
}

@media (max-width: 1068px) and (max-width: 1068px) {
	.overview-plans-ipad-single {
		--p-width: 372px;
		--p-height: 360px;
		margin-top: auto;
		margin-bottom: auto;
	}
}

@media (max-width: 734px) and (max-width: 734px) {
	.overview-plans-ipad-single {
		--p-width: 280px;
		--p-height: 148px;
	}
}

/* watch plan  */
.overview-plans-watch-single {
	display: block;
	width: var(--p-width);
	height: var(--p-height);
	--p-width: 520px;
	--p-height: 500px;
}

@media (max-width: 1068px) and (max-width: 1068px) {
	.overview-plans-watch-single {
		--p-width: 372px;
		--p-height: 360px;
		margin-top: auto;
		margin-bottom: auto;
	}
}

@media (max-width: 734px) and (max-width: 734px) {
	.overview-plans-watch-single {
		--p-width: 280px;
		--p-height: 148px;
	}
}

@media (min-width: 1069px) {
	.overview-plans-watch-single img {
		height: 500px;
	}
}

@media (max-width: 1068px) {
	.overview-plans-watch-single img {
		height: 360px;
	}
}

@media (max-width: 734px) {
	.overview-plans-watch-single img {
		height: 148px;
	}
}

/* headphones plan  */
.overview-plans-headphones-single {
	display: block;
	width: 100%;
	height: var(--p-height);
	--p-width: 520px;
	--p-height: 500px;
}

@media (max-width: 1068px) and (max-width: 1068px) {
	.overview-plans-headphones-single {
		--p-width: 372px;
		--p-height: 360px;
		margin-top: auto;
		margin-bottom: auto;
	}
}

@media (max-width: 734px) and (max-width: 734px) {
	.overview-plans-headphones-single {
		--p-width: 280px;
		--p-height: 148px;
	}
}

/* tv plan  */
.overview-plans-apple-tv-single {
	display: block;
	width: 100%;
	height: var(--p-height);
	--p-width: 520px;
	--p-height: 500px;
}

@media (max-width: 1068px) and (max-width: 1068px) {
	.overview-plans-apple-tv-single {
		--p-width: 372px;
		--p-height: 360px;
		margin-top: auto;
		margin-bottom: auto;
	}
}

@media (max-width: 734px) and (max-width: 734px) {
	.overview-plans-apple-tv-single {
		--p-width: 280px;
		--p-height: 148px;
	}
}

.section-faq {
	padding-top: var(--global-section-padding);
}

.section-hero .container {
	justify-content: center;
}

@media only screen and (min-width: 1069px) {
	.banner-card .banner-card-copy-column {
		--width: 325px;
	}
}

.modal-pricing .modal-headline {
	max-width: 16ch;
}