body {
	font-family: -apple-system, system-ui, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
	background-color: #16171A;
	background-image: url("/images/Background.png");
	background-repeat: repeat-x;
	background-position: top;
	color: #FFF;
	font-weight: 300;
	margin: 0;
	font-size: 14px;
}

a {
	color: #D84C43;
}

#top {
	background-color: #16171A;
	background-image: url("/images/PastaInterface.png");
	background-repeat: no-repeat;
	background-position: center 100px;
}

h1 {
	background-image: url("/images/PastaIcon.png");
	background-repeat: no-repeat;
	padding: 0 0 0 102px;
	margin: 64px auto 0;
	width: 170px;
	font-size: 76px;
	font-weight: 200;
	overflow: visible;
}

h1 a {
	color: #FFF;
	text-decoration: none;
}

#shallowTop h1 {
	background-image: url("/images/PastaIconMedium.png");
	padding: 0 0 0 66px;
	font-size: 50px;
	width: 128px;
	margin-bottom: 32px;
	margin-top: 32px;
}

h2 {
	font-size: 32px;
	margin-top: 16px;
	text-align: center;
	color: #ED5F55;
	font-weight: 300;
}

h2 strong {
	font-weight: 600;
}

h3 {
	font-size: 24px;
}

h4 {
	font-size: 16px;
}

p {
	font-size: 14px;
}

.page {
	width: 960px;
	margin: 0 auto;
	padding: 32px 0;
}

.downloadButtons {
	margin: 655px auto 0 auto;
	width: 237px;
}

a.appStoreButton {
	overflow: hidden;
	display: block;
	width: 0;
	height: 62px;
	background-image: url("/images/AppStoreButton.png");
	padding-left: 237px;
	float: left;
/*	margin-left: 24px;*/
}

a.downloadButton {
	overflow: hidden;
	display: block;
	width: 0;
	height: 62px;
	background-image: url("/images/DownloadButton.png");
	padding-left: 237px;
	float: left;
}

.appStoreButtonSubtitle {
	font-size: 14px;
	text-align: center;
	color: #5B5C5E;
}

#bigFeatures {
	padding: 64px 0 0 0;
	margin-top: 64px;
}

#bigFeatures ul {
	width: 960px;
	margin: 0 auto;
	padding: 0;
}

#bigFeatures ul li {
	display: block;
	float: left;
	width: 260px;
	height: 212px;
	margin: 0 30px 64px 30px;
	text-align: center;
}

#bigFeatures ul li h3 {
	font-size: 18px;
	padding-top: 84px;
	background-repeat: no-repeat;
	background-position: top center;
}

#bigFeatures ul li p {
	font-size: 14px;
	color: #919295;
}

li.iconFlexible h3 {
	background-image: url("/images/IconFlexible.png");
}

li.iconFast h3 {
	background-image: url("/images/IconFast.png");
}

li.iconFilter h3 {
	background-image: url("/images/IconFilter.png");
}

li.iconSearch h3 {
	background-image: url("/images/IconSearch.png");
}

li.iconSecure h3 {
	background-image: url("/images/IconSecure.png");
}

li.iconDarkMode h3 {
	background-image: url("/images/IconDarkMode.png");
}

#smallFeatures {
	background: #16171A;
	padding: 64px 0 40px 0;
}

#smallFeatures div {
	width: 960px;
	margin: 0 auto;
}

#smallFeatures ul {
	float: left;
	width: 260px;
	margin: 0 20px 0 40px;
	list-style: square outside url("/images/Checkmark.png");
	padding: 0;
}

#smallFeatures ul li {
	margin-bottom: 24px;
}
.alt {
	background-color: #21242A;
}

.wonderbitLogo {
	background-image: url("/images/WonderbitLogo.png");
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 18px;
}

.clearfix::after {
    content: "";
    clear: both;
    display: table;
}

.page h4 {
	font-weight: 400;
	font-size: 20px;
	margin-top: 80px;
	margin-bottom: 0;
}

.page p {
	font-size: 20px;
}

.page li {
	font-size: 20px;
	margin: 20px 0;
}

.page p, .page li {
	color: #cbcccf;
	line-height: 1.5;
}

.page a {
	color: #D84C43;
}

#topNav {
	background-color: #21242A;
	padding: 10px 0;
}

#topNav ul {
	width: 372px;
	margin: 0 auto;
	padding-left: 48px;
}

#topNav li {
	display: block;
	float: left;
}

#topNav li a {
	display: block;
	padding-left: 35px;
	height: 27px;
	padding-top: 10px;
	background-repeat: no-repeat;
	background-position: left center;
	text-decoration: none;
	font-size: 14px;
	margin-right: 48px;
	color: #74787B;
	font-weight: 400;
}

#topNav li a.navPasta {
	background-image: url("/images/NavPasta.png");
}

#topNav li a.navFAQ {
	background-image: url("/images/NavFAQ.png");
}

#topNav li a.navContact {
	background-image: url("/images/NavContact.png");
}

#topNav li a.navPastaActive {
	background-image: url("/images/NavPastaActive.png");
	color: #FFF;
}

#topNav li a.navFAQActive {
	background-image: url("/images/NavFAQActive.png");
	color: #FFF;
}

#topNav li a.navContactActive {
	background-image: url("/images/NavContactActive.png");
	color: #FFF;
}

#footer {
	text-align: center;
	font-size: 14px;
	color: #5B5C5E;
	padding: 64px 0;
}