/* Hero */
.hero-cta-link {
	width: 320px;
	margin-left: 15px;
	margin-right: 15px;
}
.hero-cta-link>span {
	width: 100%;
	bottom: -45px;
	font-size: 11px;
}
@media (min-width: 768px) {
	.hero.hero-main .jumbotron>p.lead {
		font-size: 36px;
	}
}
@media (max-width: 767px) {
	.hero-cta-link {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
	.hero-cta-link>span {
		bottom: -67.5px;
	}
	.hero-cta-link>a {
		width: 100%;
		padding-left: 0;
		padding-right: 0;
	}
	.hero-cta-row {
		margin-bottom: 15px;
	}
	.macos-logo {
		margin-left: auto;
		margin-right: auto;
	}
}

/* Feature icons */
.feature-icons-container {
	margin-top: 5px;
}
.feature-icons-container>div {
	display: inline-block;
	position: relative;
}
.feature-icons-container>div>img {
	padding: 15px;
	max-width: 76px;
}
@media (min-width: 1200px) {
	.feature-icon:after {
		content: attr(data-after);
		opacity: 0;
		position: absolute;
		bottom: -7px;
		left: 50%;
		transform: translateX(-50%);
		transition: opacity 0.1s ease;
		-webkit-transition: opacity 0.1s ease;
		-moz-transition: opacity 0.1s ease;
		-o-transition: opacity 0.1s ease;
		width: 170px;
		font-size: 12px;
	}
	/*.feature-icon:hover:after {
		opacity: 0.5;
	}*/
	.feature-icon>img {
		transition: transform .3s ease;
	}
	/*.feature-icon:hover>img {
		transform: scale(1.1);
	}*/
}
@media (max-width: 767px) {
	.feature-icons-container>div>img {
		max-width: 50px;
		padding: 10px;
	}
}

/* Text sizing and alignment */
.closing-header {
	font-weight: 200; 
	font-size: 42px;
}
@media (min-width: 992px) and (max-width: 1199px) {
	.jumbotron>h1.smaller-md {
		font-size: 36px;
	}
}

@media (min-width: 992px) and (max-width: 1199px) {
	.row.eq-height-md {
		display: flex;
	}
	.row>.v-center-md {
		display: flex;
		justify-content: space-around;
		flex-direction: column;
	}
}
@media (min-width: 1200px) {
	.row.eq-height-lg {
		display: flex;
	}
	.row>.v-center-lg {
		display: flex;
		justify-content: space-around;
		flex-direction: column;
	}
}

@media (max-width: 767px) {
	.closing-header {
		font-size: 32px;
	}
}

/* Feature items */
.feature-item {
	border-radius: 10px;
	margin-top: 15px;
}
.feature-item:hover {
	box-shadow: 0px 6px 16px rgba(0, 0, 0, 0.25);
}
.feature-item>img {
	transition: transform .3s ease;
}
.feature-item:hover>img {
	transform: scale(1.1);
}
@media (max-width: 767px) {
	.clear-both-xs {
		clear: both;
	}
}

/* Image Switchers */
.img-switcher-container {
	margin-top: 30px;
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
	border-bottom: 1px solid #d6d6d6;
}
.img-switch-mac, .img-switch-win, .img-switch-ipad {
	display: inline-block;
	padding-bottom: 5px;
	transform: translateY(1px);
	color: #666666;
}
.img-switch-mac.selected, .img-switch-win.selected, .img-switch-ipad.selected {
	border-bottom: 1px solid #666666;
	color: #333333;
}
.img-switch-mac {
	margin-right: 15px;
}
.img-switch-ipad {
	margin-left: 15px;
	margin-right: 15px;
}
.img-switch-win {
	margin-left: 15px;
}
.img-switcher-container > span:not(.selected):hover {
	color: #007AFF;
}
@media (max-width: 767px) {
	.img-switcher-container.space-bottom {
		margin-bottom: 15px;
	}
}

/* ipad-specific */
.logo-container.ipad-selected {
	margin-top: calc(60px + 25px);
}
.logo-container.ipad-selected > .macos-logo {
	border-radius: 17.544%;
	box-shadow: 0px 3px 10px rgba(0, 0, 0, 0.3);
	max-width: 150px;
	margin: 25px;
}
.app-store-badge {

}
.img-hero-header {
	margin-left: auto;
	margin-right: auto;
}
.img-hero-footer {
	margin-left: auto;
	margin-right: auto;
}