html{
	font-size:62.5%;
	font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
	line-height:1
}
body{
	font-size:2rem;
	background-color:#fff
}
.subPageBody{
	background-color:#fff
}
h1{
	font-size:3rem
}
h2{
	font-size:2rem
}
h3{
	font-size:2rem
}
body{
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	background-color:#fff
}
a:link,a:hover,a:visited,a:active{
	color:#7c0d29;
	text-decoration:none
}
*,*::before,*::after{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0
}
.imageWrapper{
	height:714px;
	background:#943e54;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:top;
}
@media only screen and (max-width: 768px){
	.headerBackground{
		height:80px
	}
}
.subPageHeaderBackground{
	background-color:#fff
}
.container{
	display:grid;
	margin:auto;
	max-width:1170px;
	padding-left:15px;
	padding-right:15px;
	grid-template-columns:repeat(12, 1fr);
	grid-template-rows:115px 876px auto auto;
	grid-column-gap:30px;
	grid-template-areas:"h h h h h h h h h h h h" "p p p p p i i i i i i i" "c c c c c c c c c c c c" "f f f f f f f f f f f f"
}
.subPageContainer{
	grid-template-rows:115px auto auto auto;
	background-color:#fff
}
@media only screen and (max-width: 768px){
	.container{
		grid-template-rows:80px 811px auto auto
	}
}
@media only screen and (max-width: 992px){
	.container{
		grid-column-gap:0px;
		grid-template-columns:1;
		grid-template-rows:115px auto auto auto auto;
		grid-template-areas:"h h h h h h h h h h h h" "i i i i i i i i i i i i" "p p p p p p p p p p p p" "c c c c c c c c c c c c" "f f f f f f f f f f f f"
	}
}
.page{
	margin-top:30px;
	margin-bottom:70px;
	grid-column:3/11
}
@media only screen and (max-width: 768px){
	.page{
		margin-top:30px;
		margin-bottom:70px;
		grid-column:1/-1
	}
}
header{
	grid-area:h;
	display:flex;
	margin-right:-15px
}
.logo{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	height:115px;
	margin-right:30px
}
.logo>p{
	color:#fff;
	white-space:nowrap;
	display:flex;
	font-weight:bold;
	margin-left:15px
}
@media only screen and (max-width: 768px){
	.logo{
		height:80px;
		margin-right:0px
	}
	.logo>p{
		display:none
	}
}
@media only screen and (max-width: 768px){
	.divider{
		position:relative;
		min-width:1px;
		max-width:1px;
		background-color:rgba(127,127,127,0.2);
		display:inline-block;
		margin-left:15px
	}
}
.scroll{
	display:flex;
	width:100%;
	align-items:center;
	justify-content:flex-end;
	height:115px;
	white-space:nowrap;
	overflow-x:auto;
	overflow-y:hidden;
	-webkit-overflow-scrolling:touch;
	-ms-overflow-style:-ms-autohiding-scrollbar
}
@media only screen and (max-width: 768px){
	.scroll{
		height:80px;
		padding-top:100px;
		padding-bottom:100px;
		margin-top:-60px;
		justify-content:flex-start
	}
}
.scroll::-webkit-scrollbar{
	display:none
}
nav>ul{
	color:#fff;
	display:flex;
	list-style-type:none
}
nav>ul li{
	padding-left:30px
}
@media only screen and (max-width: 768px){
	nav>ul li{
		padding-left:20px
	}
}
nav>ul li:first-child{
	padding-left:0px;
	padding-left:15px
}
nav>ul li:last-child{
	padding-right:15px
}
nav>ul li a:link,nav>ul li a:visited{
	text-decoration:none;
	color:rgba(255,255,255,0.6)
}
nav>ul li a:hover,nav>ul li a:active{
	text-decoration:none;
	color:#fff
}
.subPageHeaderBackground .logo>p{
	color:#000
}
.subPageHeaderBackground nav>ul li a:link,.subPageHeaderBackground nav>ul li a:visited{
	color:rgba(0,0,0,0.6)
}
.subPageHeaderBackground nav>ul li a:hover,.subPageHeaderBackground nav>ul li a:active{
	color:#000
}
.appInfo{
	grid-area:i;
	display:flex;
	flex-wrap:wrap;
	padding-top:140px;
	align-content:flex-start
}
@media only screen and (max-width: 992px){
	.appInfo{
		padding-top:50px;
		justify-content:center
	}
}
.appIconShadow{
	display:flex;
	filter:drop-shadow(0px 5px 10px rgba(0,0,0,0.1)) drop-shadow(0px 1px 1px rgba(0,0,0,0.2))
}
.appIconLarge{
	width:120px;
	height:120px;
	-webkit-clip-path:url(#shape120);
	clip-path:url(#shape120)
}
.appNamePriceContainer{
	display:flex;
	flex:0 1 auto;
	flex-direction:column;
	align-items:start;
	justify-content:center;
	margin-left:30px
}
.appName{
	color:#fff
}
.appPrice{
	color:#fff;
	font-weight:normal;
	margin-top:13px
}
@media only screen and (max-width: 768px){
	.appNamePriceContainer{
		width:100%;
		margin-left:0px;
		align-items:center;
		justify-content:center
	}
	.appName{
		margin-top:30px;
		text-align:center
	}
	.appPrice{
		margin-top:13px;
		text-align:center
	}
}
.appDescriptionContainer{
	font-size:2.5rem;
	font-weight:normal;
	width:100%;
	align-items:flex-start;
	margin-top:45px;
	flex:0 1 auto;
	line-height:1.5
}
.appDescription{
	color:#fff
}
@media only screen and (max-width: 992px){
	.appDescription{
		text-align:center
	}
}
.downloadButtonsContainer{
	display:inline-block;
	margin-top:42px;
	filter:drop-shadow(0px 5px 10px rgba(0,0,0,0.1)) drop-shadow(0px 1px 1px rgba(0,0,0,0.2))
}
@media only screen and (max-width: 992px){
	.downloadButtonsContainer{
		text-align:center
	}
}
.appStore{
	height:75px
}
.iphonePreview{
	grid-area:p;
	background-image:url("assets/iphone.png");
	background-size:400px auto;
	background-repeat:no-repeat;
	margin-top:0px;
	filter: drop-shadow(0px 0px 4px color(srgb 0 0 0 / 0.5));
}
.iphoneScreen{
	width:349px;
	margin-left:26px;
	margin-top:23px;
	opacity: 0%;
}
@media only screen and (max-width: 1070px){
	.iphonePreview{
		background-size:370px auto
	}
	.iphoneScreen{
		width:322px;
		margin-left:24px;
		margin-top:22px
	}
}
@media only screen and (max-width: 992px){
	.iphonePreview{
		display:flex;
		background-size:260px auto;
		background-position:center 0;
		margin-top:47px;
		justify-content:center;
		padding-bottom:75px
	}
	.iphoneScreen{
		width:226px;
		height:488px;
		margin:0px;
		margin-top:17px
	}
}
.features{
	grid-area:c;
	display:flex;
	flex:0 1 auto;
	align-content:flex-start;
	justify-content:flex-start;
	flex-grow:1;
	flex-wrap:wrap;
	margin-top:93px
}
.feature{
	display:flex;
	padding-top:63px;
	padding-left:15px;
	padding-right:15px;
	width:calc(100%/3)
}
.feature:nth-child(-n+3){
	padding-top:0px
}
.feature:nth-child(3n){
	padding-right:0px
}
.feature:nth-child(3n+1){
	padding-left:0px
}
.iconBack{
	color:#e6e6e6
}
.iconTop{
	color:#7c0d29
}
.featureText{
	margin-left:18px
}
.featureText>h3{
	color:#000
}
.featureText>p{
	color:#666;
	margin-top:8px;
	line-height:1.5
}
@media only screen and (max-width: 992px){
	.features{
		flex-grow:1;
		flex-direction:row;
		flex-wrap:wrap;
		margin-top:11px
	}
	.feature{
		display:flex;
		padding-top:41px;
		padding-left:15px;
		padding-right:15px;
		width:100%
	}
	.feature:nth-child(-n+3){
		padding-top:41px
	}
	.feature:nth-child(1){
		padding-top:0px
	}
	.feature:nth-child(3n){
		padding-right:15px
	}
	.feature:nth-child(3n+1){
		padding-left:15px
	}
}
@media only screen and (max-width: 375px){
	.features{
		flex-grow:1;
		flex-direction:row;
		flex-wrap:wrap;
		margin-top:11px
	}
	.feature{
		display:flex;
		padding-top:41px;
		padding-left:0px;
		padding-right:0px;
		width:100%
	}
	.feature:nth-child(-n+3){
		padding-top:41px
	}
	.feature:nth-child(1){
		padding-top:0px
	}
	.feature:nth-child(3n){
		padding-right:0px
	}
	.feature:nth-child(3n+1){
		padding-left:0px
	}
}
footer{
	grid-area:f;
	display:flex;
	flex-wrap:wrap;
	justify-content:center
}
.footerText{
	color:#666;
	display:block;
	line-height:1.5;
	width:100%;
	text-align:center;
	padding-top:30px;
	padding-bottom:60px;
	font-size: 12pt;
}
.footerLinks{
	display:flex;
	text-align:center;
	padding-top: 60px;
	font-size: 12pt;
}
.footerLinks a{
	margin-right:30px
}
.footerLinks a:last-child{
	margin-right:0px
}
@media only screen and (max-width: 768px){
	.footerLinks{
		flex-direction:column
	}
	.footerLinks a{
		justify-content:stretch;
		margin-right:0px;
		margin-top:20px
	}
	.footerLinks a:first-child{
		margin-top:0px
	}
}
@media only screen and (max-width: 992px){
	.footerText{
		color:#666;
		display:block;
		line-height:1.5;
		width:100%;
		text-align:center;
		padding-top:54px;
		padding-bottom:61px
	}
	.footerIcons{
		padding-bottom:70px;
		display:flex
	}
}
.hidden{
	display:none
}