html, body {
	background-color: #ffffff;
	color: #3e3e3e;
	margin: 0px;
	padding: 0px;
}

body {
	margin-bottom: 50px;
	font-size: 16px;
	font-family: "San Francisco", "Helvetica Neue", "Helvetica", sans-serif;
}

.header-row {
	text-align: center;
	padding-bottom: 2em;
	padding-top: 2em;
}

.header-row a {
	color: inherit;
}

.underline-links a {
	color: inherit;
	border-bottom: 1px solid #9e9e9e;
}

.underline-links a:hover {
	border-bottom: 1px solid #3e3e3e;
	text-decoration: none;
}

.container {
	max-width: 800px;
}

span.callout {
	color: red;
}

div.row-padding {
	padding-top: 2em;
	padding-bottom: 2em;
}

div.column-padding-pickle {
	text-align: center;
}

div.column-padding {
	text-align: center;
}

p.center {
	text-align: center;
}

div.links {
	margin-top: 2.6em;
	font-family: "clavo", sans-serif;
}

div.links p {
	margin-bottom: 1em;
}

a.buttonItem {
	display: block;
	margin-top: 1.0em;
	padding: 0.7em 0.7em 0.7em 0.7em;
	background-color: #7986CB; 
	border-color: #7986CB;
	border-width: 2px;
	border-style: solid;
	color: #ffffff;
	border-radius: 12px;
	font-size: 0.8em;
	letter-spacing: 0.1em;
	font-weight: bold;
	max-width: 300px;
	text-decoration: none;
}

a.buttonItem:hover {
	background-color: #1A237E; 
	border-color: #1A237E;
}

a.topButtonItem {
	margin-top: 3em;
}

a.buttonItem.print {
	border-color: #3F51B5;
	background-color: #3F51B5;
}

a.buttonItem.print:hover {
	background-color: #1A237E; 
	border-color: #1A237E;
}

a.buttonItem.ios {
	border-color: #303F9F;
	background-color: #303F9F;
}

a.buttonItem.ios:hover {
	background-color: #1A237E; 
	border-color: #1A237E;
}

.center-row {
	text-align: center;
}

.first-row {
	margin-top: 8em;
}

.logo {
	width: 100%;
	max-width: 3em;
}

.logo-smaller {
	width: 2.6em;
}	

.text-logo {
	width: 100%;
	font-size: 2.2em;
	padding-top: 0.2em;
	padding-bottom: 0.2em; 
}

.about {
	font-size: 0.8em;
}

.product-image {
	width: 90%;
	max-width: 600px;
	padding: 0px;
	margin: 0px;
}

.product-image-ipad {
	width: 100%;
}

.clavo-bold {
	font-family: "clavo", sans-serif;
	font-style: normal;
	font-weight: 700;
}

.clavo-bold-italic {
	font-family: "clavo", sans-serif;
	font-style: italic;
	font-weight: 700;
}

.product-title {
	margin-top: 1.2em;
	font-size: 1.8em;
	text-align: center;
}

.bonus-tool-title {
	text-align: center;
	color: #d9534f;
	font-family: "clavo", sans-serif;
	font-style: normal;
	font-weight: 700;
}

.product-link {
	margin-top: 0.5em;
}

.product-authors {
	margin-top: 0.7em;
	font-weight: 300;
	text-align: center;
}

.address-row {
	color: #888888;
}

.button-style {
	margin-top: 1.8em;
	
}

.footer-row {
	font-size: 0.8em;
	margin-top: 4em;
	text-align: center;
	margin-bottom: 3em;
}

.footer-row a {
	color: #3e3e3e;
}

.footer-row a :hover {
	color: #3e3e3e;
}

.typing-writer-title {
	font-family: "Courier New", Courier, monospace;
	font-size: 2.2em;
	line-height: 0.8em;
}

div.tagline {
	padding-top: 1.3em;
	font-weight: 300;
}

.hide-mobile {
	display: none;
}

.hide-small-mobile {
	display: none;
}

.btn-sm {
	padding-top: 0.9em;
	padding-bottom: 0.9em;
	color: #303132;
	border-color: #303132;
	font-size: 0.9em;
	text-transform: uppercase;
}

.btn-link {
	color: #454849;
	font-size: 0.85em;
	padding-top: 0.3em;
}

@media (min-width: 321px) {
	.hide-small-mobile {
		display: block
	}
}

@media (min-width: 768px) {

	body {
		font-size: 14px;
	}

	.about {
		font-size: 0.9em;
	}

	.header-row {
		padding-top: 3em;
	}

	div.column-padding-pickle {
		padding-top: 1.8em;
	}

	div.column-padding {
		padding-top: 0.4em;
	}

	.product-title {
		margin-top: 0.2em;
	}

	.logo {
		max-width: 4em;
	}

	.hide-mobile {
		display: block;
	}

	.hide-desktop {
		display: none;
	}

	.text-logo {
		margin-bottom: 0.3em;
	}

	.footer-row {
		font-size: 1.0em;
	}

}