/*Local overrides*/

/* Hero Button Try-Free */
/* small vp */
@media only screen and (max-width: 345px) {
	.button-elevated {
		font-size: 15px;
	}
}

/*Plan tiles top section*/
/* large */
@media only screen and (min-width: 1069px) {
	.section-plans .plan-tile .plan-top-section {
		min-height: 276px;
	}
}

/* medium */
@media only screen and (max-width: 1068px) {
	.section-plans .plan-tile .plan-top-section {
		min-height: 295px;
	}
}

/* small */
@media only screen and (max-width: 734px) {
	.section-plans .plan-tile .plan-top-section {
		min-height: 153px;
	}
}

/* Family Icon */
@media only screen and (min-width: 1069px) {
	.section-plans .plan-tile .typography-plan-share {
		padding-top: 2px;
		align-items: start;
	}
	.section-plans .plan-tile .typography-plan-share .icon-shared {
		margin-top: 1px;
	}
}

/* Price Tile Total
/* medium */
@media only screen and (min-width: 735px) and (max-width: 1068px) {
	.section-plans .plans-tiles .plan-tile {
		min-height: 613px;
	}
}

/*large */
@media only screen and (min-width: 1069px) {
	.section-plans .plans-tiles .plan-tile {
		min-height: 625px;
	}
}

/* Pricing Violator Storage ICloud */

.section-plans .plans-tiles .back-face .logo-container {
	flex-direction: column;
	align-items: flex-start;
}

.section-plans .plans-tiles .back-face .violator {
	margin-top: 7px;
	margin-left: 0px;
}

/* ICloud Price align to top */

.section-plans .plans-tiles .back-face .service-item {
	align-items: baseline;
}

@media only screen and (max-width: 734px) {
	.section-plans .plans-tiles .plan-tile {
		min-height: 500px;
	}
}

/* Ribbon */

.ribbon .ribbon-content-wrapper {
	background-color: rgb(245, 245, 247);
}
.ribbon .ribbon-content-wrapper {
	padding-top: 0.9411764706em;
	padding-bottom: 0.9411764706em;
}
.ribbon-content-wrapper {
	text-align: center;
}
.ribbon .ribbon-content {
	font-size: 14px;
	line-height: 1.4285914286;
	font-weight: 400;
	letter-spacing: -0.016em;
	font-family:
		SF Pro Text,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.ribbon-content {
	width: 90%;
}
.ribbon-content {
	margin-left: auto;
	margin-right: auto;
}