body.main {
	font-family: 'Roboto';
	background: #76bcff;
}

.menu {
	position: absolute;
	top: 50px;
	right: 7%;
	font-size: 32px;
}

img.nav-icon {
	margin-left: 20px;
	height: 25px;
}

.privacy {
	background: #A38ED7;
	font-size: 28px;
	text-align: left;
	width: 100%;
}

.privacy-content {
	width: 65%;
	margin: auto;
	padding: 50px;
}

.contact {
	background: #89ca7e;
	font-size: 28px;
	text-align: left;
}

.contact-content {
	width: 65%;
	margin: auto;
	padding: 50px;
}

.index {
	font-family: 'Roboto';
	padding: 1em;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

@font-face {
	font-family: 'MesseDuesseldorf';
	src: url('MesseDuesseldorf.ttf') format('truetype');
}

@font-face {
	font-family: 'editundo';
	src: url('editundo.ttf') format('truetype');
	;
}

.copyright {
	font-family: 'MesseDuesseldorf';
	margin-top: 50px;
}

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

.store-icon {
	height: 150px;
	margin-right: 40px;
}

.store-icon.ios {
	height: 105px;
	padding-bottom: 22px;
	margin-left: 30px;
}

p.apple-info {
	font-size: 20px;
	max-width: 50%;
	margin: auto;
	margin-top: 30px;
}

img.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

body {
	font-family: 'Roboto', sans-serif;
	color: #FFF;
	text-align: justify;
	font-weight: 300;
	font-size: 36px;
	min-width: 780px;
	margin: 0;
}

.content {
	clear: both;
	position: relative;
	margin-top: 250px;
}

.section-studio {
}

.section-smashy {
	padding-top: 0;
	margin-bottom: 70px;
}

.screenshots {
	max-width: 1400px;
	margin: auto;
}

.screenshot {
	max-width: 40%;
	margin: 2%;
	border: 4px solid #FFF;
}

.image-modal {
	max-width: 100%;
	width: 100%;
	height: 100%;
	visibility: hidden;
	opacity: 0;
	position: fixed;
	margin: auto;
	z-index: 900;
	top: 0;
	left: 0;
	background: #76bcff;
}

.image-modal-show {
	opacity: 1;
	visibility: visible;
}

.image-modal img {
	border: 10px solid #FFF;
	position: absolute;
	margin: auto;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	max-height:90%;
	max-width:90%;
}

.menu-dialog {
	position: fixed;
	width : 100%;
	height: 100%;
	visibility: hidden;
	top: 0;
	left: 0;
	z-index: 1000;
	opacity: 0;
}

.menu-items {
	text-align: center;
	margin-top: 200px;
	font-weight: 500;
}

	.menu-items a, a:active, a:visited {
		color: white;
		text-decoration: none;
		font-size: 40px;
	}

		.menu-items a:hover {
			color: white;
			text-decoration: underline;
		}

.menu-dialog-show {
	opacity: 1;
	visibility: visible;
}

.relative-container {
	position: relative;
}

.top-logo-content {
	position: absolute;
	margin-top: 120px;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: flex;
	padding: 50px;
	clear: both;
}

.smash {
	height: 200px;
}

.social-bar {
	min-width: 400px;
	margin: 0;
	text-align: center;
}

.social {
	height: 70px;
	padding: 0 40px;
}

.player {
	height: 70px;
	margin-right: 5%;
	float: left;
}

.one {
	height: 70px;
	float: right;
}

.blink {
	-webkit-animation: blinking 2s step-end infinite;
	animation: blinking 2s step-end infinite;
}

.top-logo {
	width: 100%;
	min-width: 200px;
}

.input {
	position: relative;
	display: flex;
	align-items: center;
	clear: both;
	width: 30%;
	min-width: 300px;
	max-width: 400px;
	margin: auto;
}

.button {
	height: 44px;
	border: none;
}

#email-thankyou {
	width: 100%;
	height: 100%;
	border-radius: 5px;
	position: absolute;
	top: 0;
	left: 0;
	background: #0089ff;
	font-size: 22px;
	display: none;
}

#email-thankyou.show {
	display: block;
}

#email-thankyou p {
	margin: 9px;
}

#email {
	width: 75%;
	background: #FDFCFB;
	font-family: inherit;
	color: #737373;
	letter-spacing: 1px;
	text-indent: 5%;
	border-radius: 5px 0 0 5px;
	float: left;
	text-transform: uppercase;
}


#submit-email {
	width: 25%;
	height: 46px;
	background: #0089ff;
	font-family: inherit;
	font-weight: bold;
	color: inherit;
	letter-spacing: 1px;
	border-radius: 0 5px 5px 0;
	cursor: pointer;
	transition: background .3s ease-in-out;
	float: right;
}

#submit-email:hover {
	background: #006bc7;
}

#submit-email:disabled {
    background: #8c8c8c;
}

#forward:hover {
	cursor: pointer;
}

@keyframes "blinking" {
	50%	{
		visibility: hidden;
	}
}


@-webkit-keyframes "blinking" {
	50%	{
		visibility: hidden;
	}
}

img.pixel-perfect {
	image-rendering: optimizeSpeed; /* STOP SMOOTHING, GIVE ME SPEED */
	image-rendering: -moz-crisp-edges; /* Firefox */
	image-rendering: -o-crisp-edges; /* Opera */
	image-rendering: -webkit-optimize-contrast; /* Chrome (and eventually Safari) */
	image-rendering: pixelated; /* Chrome */
	image-rendering: optimize-contrast; /* CSS3 Proposed */
	-ms-interpolation-mode: nearest-neighbor; /* IE8+ */
}

.noselect {
	-webkit-touch-callout: none; /* iOS Safari */
	-webkit-user-select: none; /* Safari */
	-khtml-user-select: none; /* Konqueror HTML */
	-moz-user-select: none; /* Firefox */
	-ms-user-select: none; /* Internet Explorer/Edge */
	user-select: none; /* Non-prefixed version, currently supported by Chrome and Opera */
}