#amounts h4 {
	display: inline-block
}

#choice-buttons {
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-align: start;
	align-items: flex-start;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center
}

@media(min-width:575px) {
	#choice-buttons {
		margin: 0 24px
	}

}

.payment-button::before {
	content: "$";
	float: left;
	font-size: 14px;
	margin-left: -3px;
	margin-right: 3px
}

.pre-amount {
	color: #333;
	font-size: 14px;
	margin-left: 14px;
	margin-right: -21px;
	margin-top: .8em;
	pointer-events: none;
	position: absolute
}

#amount-custom {
	padding-left: 24px;
	padding-right: 24px;
	text-align: center;
	width: calc(100% - 6px)
}

.focus-reveal {
	margin: 0 3px;
	opacity: 0 !important;
	transition: 250ms all;
	width: 190px
}

input:focus+.focus-reveal {
	opacity: .8 !important;
	transition: 250ms all
}

#payment-trust i {
	font-size: 2.5em;
	padding: 0 .05em;
	vertical-align: middle
}

#payment-trust i span {
	font-size: 0
}

#download {
	margin: 3px auto 6px
}

#the-press {
	padding-bottom: 64px
}

#the-press h4 {
	font-size: 24px;
	opacity: .65
}

#the-press svg {
	display: block;
	height: 4em;
	margin: 12px auto
}

#the-press svg * {
	fill: #555761
}

#the-press svg:hover * {
	fill: #3689e6
}

#the-press svg:active {
	position: relative;
	top: 1px
}

.cta {
	padding: 64px 1em;
	text-align: center
}

.section--hero {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column
}

.section--hero .section__detail {
	-ms-flex: 0 0 auto;
	flex: 0 0 auto;
	max-width: 100%;
	padding: 0 0 16px
}

.section--hero .section__showcase {
	position: relative
}

.section--hero .section__showcase img.bg {
	display: block;
	margin: 0 auto;
	max-height: 67vh
}

.section--hero .section__showcase img:not(.bg) {
	height: 78%;
	left: 50%;
	position: absolute;
	top: 2%;
	transform: translateX(-50%);
	border-radius: 4px
}

.app-display {
	-ms-flex-line-pack: center;
	align-content: center;
	-ms-flex-align: center;
	align-items: center;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center
}

.app-display__description {
	max-width: 600px;
	padding: 0 32px
}

@media(min-width:1000px) {
	.app-display__image {
		-ms-flex-order: 2;
		order: 2
	}

	.app-display.app-display--horizontal, .app-display.app-display--overflow {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		-ms-flex-pack: start;
		justify-content: flex-start
	}

	.app-display--overflow .app-display__image {
		-ms-flex: 0 0 auto;
		flex: 0 0 auto;
		-ms-flex-order: 2;
		order: 2;
		overflow: visible
	}

	.app-display--overflow .app-display__description {
		-ms-flex: 1 0 auto;
		flex: 1 0 auto;
		padding: 0 0 0 64px
	}

}

#showcase {
	display: block;
	max-width: none;
	overflow: hidden;
	padding: 0
}

#showcase>div {
	display: block;
	margin: auto;
	width: 100%;
	padding: 0 24px
}

#showcase p {
	margin: auto;
	max-width: 600px
}

#showcase #showcase-index {
	padding: 48px 0
}

#showcase #showcase-index>div {
	padding: 0 28px
}

#showcase #showcase-grid {
	list-style: none;
	margin: auto;
	max-width: 800px;
	padding: 0;
	text-align: center
}

#showcase #showcase-grid li {
	display: inline-block;
	margin: 16px;
	padding: 0
}

@media(min-width:320px) {
	#showcase #showcase-grid li {
		margin: 26px
	}

}

@media(min-width:425px) {
	#showcase #showcase-grid li {
		margin: 32px
	}

}

#showcase #showcase-grid img {
	display: block;
	width: 64px;
	margin: 12px
}

#showcase #showcase-grid a {
	color: inherit
}

#showcase .showcase-tab .app-display {
	-ms-flex-direction: column;
	flex-direction: column
}

#showcase .showcase-tab .app-display__description {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 0 0 16px
}

#showcase .showcase-tab .app-display__description>* {
	padding: 8px;
	text-align: left
}

#showcase .showcase-tab .app-display__description>img {
	height: 80px;
	width: 80px
}

@media(min-width:1000px) {
	#showcase .showcase-tab .app-display__description {
		-ms-flex-wrap: nowrap;
		flex-wrap: nowrap;
		padding-bottom: 0
	}

}

#showcase.initialized>div.showcase-tab>.showcase-back {
	background-image: url(../images/home/back-arrow.svg);
	background-position: 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 64px
}

#showcase.initialized {
	background-color: #2c2334;
	background-image: linear-gradient(to bottom, rgba(44, 35, 52, .8), rgba(70, 31, 23, .5)), url("../images/home/wallpaper.jpg");
	background-position: top;
	background-size: cover;
	color: #fff;
	position: relative;
	text-shadow: 0 0 6px #000;
	transition: height .25s ease-in-out
}

#showcase.initialized>div {
	position: absolute;
	top: 0;
	transition: transform .25s ease-in-out;
	width: 100%;
	will-change: transform
}

#showcase.initialized>div h2::selection, #showcase.initialized>div p::selection {
	text-shadow: none;
	color: #000;
	background-color: lightgrey
}

#showcase.initialized>div#showcase-index {
	left: -100%;
	padding: 48px 0
}

#showcase.initialized>div#showcase-index.active {
	transform: translate3d(100%, 0, 0)
}

#showcase.initialized>div.showcase-tab {
	left: 100%;
	padding: 32px 24px 32px 64px
}

#showcase.initialized>div.showcase-tab.active {
	transform: translate3d(-100%, 0, 0)
}

#showcase>.pantheon:first-of-type {
	z-index: 99
}

#showcase .pantheon .window[type=terminal] {
	height: 36vw;
	max-height: 600px;
	max-width: 800px;
	width: 58vw;
	margin: 32px 32px 64px
}

#whats-new {
	padding: 64px 1em
}

#whats-new::before {
	background-color: #667885;
	background-repeat: no-repeat;
	background-image: url("../img/logo-white-sign.png"), 
						linear-gradient(to bottom, 
						rgba(72, 90, 108, .25), 
						rgba(39, 52, 69, .75)), url("../img/wallpaper.png");
	background-size: contain, cover, cover;
	border: 1px solid rgba(0, 0, 0, .35);
	border-radius: 50%;
	box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .05), inset 0 1px 0 0 rgba(255, 255, 255, .45), inset 0 -1px 0 0 rgba(255, 255, 255, .15), 0 1px 3px rgba(0, 0, 0, .12), 0 1px 2px rgba(0, 0, 0, .24);
	content: "";
	display: block;
	height: 128px;
	margin: 0 auto;
	width: 128px
}

#appcenter {
	background-color: #080808;
	background-image: linear-gradient(to right bottom, #080808, #9b989c);
	color: #fff;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 100%;
	padding: 48px 0;
	position: relative;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .3)
}

#appcenter h1 span {
	font-weight: 800
}

#appcenter .buttons {
	text-align: center
}

#appcenter .button {
	border-color: #fff;
	color: #fff;
	display: block;
	margin: 12px auto
}

@media(min-width:500px) {
	#appcenter .button {
		display: inline-block;
		margin: 6px 12px
	}

}

#appcenter .button:first-child {
	background-color: #fff;
	color: #7239b3
}

#appcenter .app-display {
	max-width: 1300px;
	overflow: visible;
	transition: all .2s ease-in-out
}

@media(min-width:2000px) {
	#appcenter .app-display {
		max-width: 100%
	}

}

#appcenter .app-display__description img {
	display: block;
	height: 64px;
	margin: 0 auto 16px;
	width: 64px
}

@media(min-width:400px) {
	#appcenter .app-display__description img {
		height: 128px;
		margin: 0 auto 32px;
		width: 128px
	}

}

#workflow figure {
	background-image: url(../images/screenshots/desktop.jpg);
	background-repeat: no-repeat;
	background-size: contain;
	border-radius: 2px;
	display: block;
	margin: 0 auto;
	padding-top: 56.25%;
	position: relative;
	width: 100%
}

#workflow figure * {
	bottom: 0;
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0
}

#workflow figure.multitasking, #workflow figure .workspace, #workflow figure .notification {
	border-radius: 2px;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 2px 8px rgba(0, 0, 0, .5)
}

#workflow figure.multitasking {
	background: #333
}

#workflow figure.multitasking .workspace, #workflow figure.multitasking::after {
	border-radius: 2px;
	background-image: url(../images/screenshots/desktop.jpg);
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 12%;
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .1), 0 2px 8px rgba(0, 0, 0, .5);
	left: 8%;
	right: 8%;
	top: 4%
}

#workflow figure.multitasking .workspace {
	animation: 3s switch-workspace ease infinite;
	background-position: right
}

#workflow figure.multitasking::before, #workflow figure.multitasking::after {
	content: "";
	display: block;
	position: absolute
}

#workflow figure.multitasking::after {
	animation: 3s new-workspace ease infinite;
	left: 96%;
	right: 0
}

@keyframes switch-workspace {
	0% {
		bottom: 0;
		left: 0;
		right: 0;
		top: 0
	}

	25% {
		bottom: 12%;
		left: 8%;
		right: 8%;
		top: 4%
	}

	29% {
		left: 0
	}

	50% {
		bottom: 12%;
		left: 0%;
		right: 96%;
		top: 4%
	}

	100% {
		bottom: 0;
		left: 0;
		right: 100%;
		top: 0
	}

}

@keyframes new-workspace {
	0% {
		bottom: 0;
		left: 100%;
		right: 0;
		top: 0
	}

	25% {
		bottom: 12%;
		left: 96%;
		right: 0;
		top: 4%
	}

	40% {
		right: 0
	}

	50% {
		bottom: 12%;
		left: 8%;
		right: 8%;
		top: 4%
	}

	100% {
		bottom: 0;
		left: 0;
		right: 0;
		top: 0
	}

}

#workflow figure.pip .window {
	animation: 6s pip ease infinite;
	left: auto;
	top: auto
}

@keyframes pip {
	0%, 62.5%, 100% {
		bottom: 15%;
		right: 20%;
		width: 60%
	}

	12.5%, 50% {
		bottom: 3%;
		right: 3%;
		width: 30%
	}

}

#workflow figure.dnd .notification {
	animation: 12s dnd ease infinite;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background-image: linear-gradient(to bottom, #7e8087, #7e8087), linear-gradient(to bottom, #d4d4d4, #d4d4d4), linear-gradient(to bottom, #d4d4d4, #d4d4d4), linear-gradient(to bottom, #f5f5f5, #f5f5f5 80%, #ebebeb);
	background-size: 50% 10%, 60% 10%, 40% 10%, cover;
	background-repeat: no-repeat;
	background-position: 60% 20%, 75% 45%, 50% 70%, 0;
	bottom: auto;
	height: 10%;
	left: auto;
	perspective: 1000;
	right: 1%;
	text-shadow: none;
	top: 5%;
	transform-style: preserve-3d;
	width: 18%
}

#workflow figure.dnd .notification:first-of-type {
	animation-delay: 250ms;
	top: 18%
}

#workflow figure.dnd .notification:last-of-type {
	animation-delay: 500ms;
	top: 31%
}

#workflow figure.dnd .notification img {
	height: 70%;
	margin-left: 4%;
	margin-top: 3%
}

#workflow figure.dnd .window {
	left: 12%;
	top: 1%;
	width: 75%
}

@keyframes dnd {
	0% {
		filter: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImZpbHRlciI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIHZhbHVlcz0iMSAwIDAgMCAwIDAgMS4wMSAwIDAgMCAwIDAgMSAwIDAgMCAwIDAgMSAwIiAvPjwvZmlsdGVyPjwvc3ZnPiNmaWx0ZXI=);
		filter: saturate(1);
		opacity: 0;
		transform: rotateX(-180deg) translate(0) skew(40deg, 0deg)
	}

	3%, 15% {
		filter: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImZpbHRlciI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIHZhbHVlcz0iMSAwIDAgMCAwIDAgMS4wMSAwIDAgMCAwIDAgMSAwIDAgMCAwIDAgMSAwIiAvPjwvZmlsdGVyPjwvc3ZnPiNmaWx0ZXI=);
		filter: saturate(1);
		opacity: 1;
		transform: rotateX(0deg) translate(0) skew(0deg, 0deg)
	}

	18% {
		filter: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImZpbHRlciI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIHZhbHVlcz0iMSAwIDAgMCAwIDAgMS4wMSAwIDAgMCAwIDAgMSAwIDAgMCAwIDAgMSAwIiAvPjwvZmlsdGVyPjwvc3ZnPiNmaWx0ZXI=);
		filter: saturate(0);
		opacity: .5
	}

	50%, 100% {
		filter: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjxmaWx0ZXIgaWQ9ImZpbHRlciI+PGZlQ29sb3JNYXRyaXggdHlwZT0ibWF0cml4IiBjb2xvci1pbnRlcnBvbGF0aW9uLWZpbHRlcnM9InNSR0IiIHZhbHVlcz0iMSAwIDAgMCAwIDAgMS4wMSAwIDAgMCAwIDAgMSAwIDAgMCAwIDAgMSAwIiAvPjwvZmlsdGVyPjwvc3ZnPiNmaWx0ZXI=);
		filter: saturate(0);
		opacity: 0
	}

}

#callouts {
	padding: 64px 1em
}

#slingshot {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 64px 0;
	width: 100%
}

#slingshot .app-display__image {
	padding: 0 32px 32px
}

@media(min-width:1000px) {
	#slingshot .app-display__image {
		-ms-flex-order: 0;
		order: 0
	}

}

#slingshot .app-display__description svg {
	float: left;
	margin: 4px 6px 4px 0
}

#slingshot .app-display__description svg, #slingshot .app-display__description svg * {
	color: #000 !important;
	fill: #000 !important
}

#slingshot .app-display__description p {
	margin-left: 24px
}

@media(min-width:330px) {
	#slingshot .app-display__description h2 {
		margin-left: 24px
	}

}

.symbolic {
	fill: #333
}

.slingshot {
	background-clip: padding-box;
	background-color: #f5f5f5;
	border: 1px solid rgba(0, 0, 0, .2);
	border-radius: 5px;
	box-shadow: 0 3px 8px rgba(0, 0, 0, .15), 0 3px 6px -3px rgba(0, 0, 0, .25);
	display: inline-block;
	height: 512px;
	padding: 12px;
	pointer-events: none;
	transition: all 200ms ease-out;
	width: 678px
}

#slingshot-arrow {
	height: 20px;
	left: 12px;
	position: relative;
	top: 5px;
	width: 30px;
	z-index: 100
}

#slingshot-label {
	font-weight: 700;
	font-size: 12px;
	opacity: .8;
	text-align: left;
	margin-left: 3px
}

#slingshot-label svg {
	margin-right: 3px;
	vertical-align: bottom
}

.slingshot .linked {
	display: inline-block;
	margin: 0;
	transition: all 200ms ease-out
}

.slingshot .linked, .slingshot .linked * {
	color: #000 !important;
	fill: #000 !important
}

.slingshot .linked.inactive {
	margin-left: -73px
}

.slingshot .button {
	background-image: none;
	fill: #333;
	width: 30px
}

.slingshot .entry {
	background-image: linear-gradient(to bottom, #f0f0f0, #f5f5f5);
	border: 1px solid rgba(61, 155, 218, .8);
	border-radius: 2.5px;
	box-shadow: inset 0 0 0 1px rgba(61, 155, 218, .23), 0 1px 0 0 rgba(255, 255, 255, .3);
	color: #333;
	display: inline-block;
	fill: #a6a6a6;
	margin-left: 8px;
	text-align: left;
	text-shadow: 0 1px rgba(255, 255, 255, .4);
	transition: all 200ms ease-out;
	width: 579px
}

.slingshot .entry.expanded {
	width: 100%
}

.entry .symbolic {
	fill: #333;
	opacity: .4
}

.slingshot .button, .slingshot .entry {
	height: 25px;
	padding: 3px 6px
}

#slingshot-grid .slingshot-grid {
	margin-left: 12px
}

.app {
	float: left;
	height: 116px;
	margin: 0;
	margin-top: 27px;
	width: 130px
}

.app img {
	display: block;
	height: 64px;
	margin: auto;
	width: 64px
}

.app p {
	font-family: open sans, Helvetica, sans-serif;
	font-size: 9pt;
	margin-top: 6px;
	text-align: center
}

#slingshot-pager {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	margin-bottom: 5px;
	margin-top: 9px;
	width: 100%
}

#slingshot-pager .switcher-checked, #slingshot-pager .switcher {
	margin: 10px;
	opacity: .4
}

#slingshot-pager .switcher-checked {
	opacity: 1
}

.slingshot-categories-sidebar {
	border-right: 1px solid #d0d0d0;
	display: block;
	float: left;
	height: 456px;
	margin-top: 16px;
	transition: all 200ms ease-out;
	width: 124px
}

.slingshot-category {
	color: #717171;
	display: block;
	font-family: open sans, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 9pt;
	padding: 7px 12px 6px 16px;
	text-align: left;
	text-shadow: 0 1px rgba(255, 255, 255, .4);
	word-break: break-word
}

.slingshot-category.active {
	background-image: linear-gradient(to bottom, #dbdbdb, #e3e3e3);
	box-shadow: inset 0 0 0 1px rgba(0, 0, 0, .02), inset 0 1px 0 0 rgba(0, 0, 0, .05), inset 0 2px 0 0 rgba(0, 0, 0, .05), inset 0 -1px 0 0 rgba(0, 0, 0, .05);
	color: #717171
}

.slingshot-categories {
	margin-left: 127px;
	padding-top: 12px
}

.slingshot .search-entry {
	margin: 0 auto;
	width: 653px
}

.clear-icon {
	float: right
}

.clear-icon.inactive {
	display: none
}

img.result-img {
	display: inline-block;
	height: 32px;
	margin-right: 12px;
	width: 32px
}

.searchone, .searchtwo, .searchthree {
	display: none
}

.searchone.active, .searchtwo.active, .searchthree.active {
	display: block
}

.slingshot-search-results {
	color: #333;
	display: block;
	float: left;
	font-family: open sans, Helvetica, sans-serif;
	font-size: 9pt;
	line-height: 9pt;
	margin: 6px 0;
	text-align: left;
	text-shadow: none;
	width: 100%
}

span.search-term, span.cursor {
	color: #333;
	display: inline-block;
	font-family: open sans, Helvetica, sans-serif;
	font-size: 9pt;
	height: 16px;
	position: relative;
	text-shadow: none
}

span.search-term {
	line-height: 19px;
	margin-right: -8px;
	overflow: hidden;
	transition: all 1.5s steps(3, start);
	width: 19px;
	vertical-align: top
}

span.search-term.inactive {
	transition: none;
	width: 0
}

span.cursor {
	animation: blink 1.2s steps(5, start) infinite;
	font-size: 12pt;
	line-height: 18px;
	top: -4px
}

@keyframes blink {
	to {
		visibility: hidden
	}

}

span.results-title {
	color: #707070;
	display: block;
	font-family: open sans, Helvetica, sans-serif;
	font-size: 9pt;
	font-weight: 700;
	line-height: 9pt;
	margin: 18px 8px 6px;
	text-align: left;
	text-shadow: 0 1px rgba(255, 255, 255, .4)
}

.search-result {
	display: block;
	padding: 4px 16px
}

.slingshot-search-results:first-of-type .search-result:first-child {
	background-color: #c4c4c4
}

.search-result>* {
	display: inline-block;
	vertical-align: middle
}

.slingshot {
	overflow: hidden;
	position: relative
}

.slingshot .view {
	bottom: -37px;
	height: 100%;
	left: 0;
	max-width: 680px;
	position: absolute;
	transition: all 200ms ease-in-out;
	width: 100%
}

.slingshot .view.previous {
	filter: alpha(opacity=0);
	opacity: 0;
	transform: translateX(-110%)
}

.slingshot .view.active {
	filter: alpha(opacity=100);
	opacity: 1;
	transform: translateX(0%)
}

.slingshot .view.next {
	filter: alpha(opacity=0);
	opacity: 0;
	transform: translateX(110%)
}

#slingshot-categories.active {
	transform: translateX(0%)
}

@media(max-width:1400px) {
	.slingshot {
		height: 369px;
		width: 424px
	}

	.slingshot .entry {
		width: 325px
	}

	.app.last-row, .app.middle-row {
		display: none
	}

	.slingshot-arrow {
		top: -346px
	}

	.slingshot-categories-sidebar {
		height: 313px
	}

	#slingshot-categories {
		margin-top: -312px
	}

}

@media(max-width:581px) {
	.slingshot {
		height: 269px;
		width: 272px
	}

	.slingshot .entry {
		width: 173px
	}

	.app {
		height: 70px;
		margin-top: 27px;
		width: 82px
	}

	.app img {
		height: 32px;
		width: 32px
	}

	.slingshot-categories-sidebar {
		width: 104px
	}

	#slingshot h2 {
		margin-top: 24px
	}

}

#parental-controls {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 100%;
	padding: 48px 0;
	position: relative
}

#parental-controls .app-display__description h2, #parental-controls .app-display__description p {
	text-align: left
}

#parental-controls .app-display__description p {
	margin-left: 24px
}

#parental-controls .app-display__description h2 img {
	vertical-align: middle;
	padding-bottom: 8px
}

#parental-controls .app-display__description svg {
	float: left;
	margin: 4px 6px 4px 0
}

#parental-controls .app-display__description svg, #parental-controls .app-display__description svg * {
	color: #000 !important;
	fill: #000 !important
}

#shortcuts {
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: center;
	justify-content: center;
	padding: 64px 0;
	width: 100%
}

#shortcuts p {
	margin-bottom: 8vw
}

#shortcuts .app-display__image {
	padding: 0 32px 32px
}

@media(min-width:1000px) {
	#shortcuts .app-display__image {
		width: 67%;
		-ms-flex-order: 0;
		order: 0
	}

}

#privacy {
	background-color: #273445;
	color: #fff;
	padding: 128px 1em
}

#privacy a {
	color: #8cd5ff
}

#privacy h3 svg {
	fill: #fff;
	height: 1em;
	margin-right: .25em;
	transform: scale(1.5);
	vertical-align: bottom
}

#privacy h3 svg * {
	fill: inherit
}