/* GENERAL */

body{
	padding:0;
	margin:0;
	color: #aaaaaa;
	font-weight:100;
	font-size:26px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

a{
	color:#59CEFF;
	text-decoration:none;	
}

.button{
	cursor:pointer;
	background-color:#59CEFF;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	padding-left:50px;
	padding-right:50px;
	padding-top:10px;
	padding-bottom:10px;
	outline:none;
	margin-left:auto;
	margin-right:auto;
	border:none;
	height:60px;
	max-width:240px;
	line-height:60px;
	color: white;
	font-weight:200;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	-webkit-box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.2);
	box-shadow: 2px 2px 8px 0 rgba(0,0,0,0.2);
}

.content{
	position:absolute;
	width:100%;
	height:100%;
}

.page{
	width:100%;
	max-height:60%;
}


.screenshot{
	width:100%;
	background-size:contain;
	background-repeat:no-repeat;
	background-position:center center;	
}

.screenshot img{
	width:100%;
	-webkit-box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.4);
	box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.4);
}

.centered_text{
	text-align:center;
}

.bold_text{
	font-weight:500;	
}

.page-content{
	width:80%;
	max-width:800px;
	margin-left:auto;
	margin-right:auto;
	margin-top:12%;
	margin-bottom:12%;
	height:50%;
	line-height:36px;
}
.page-content #logo{
	width:200px;
	height:200px;	
}
.footer{
	margin-top:40px;
	font-size:14px;	
	line-height:20px;
	margin-bottom:100px;
}

.separator{
	width:100%;
	border-bottom: 1px solid #cccccc;	
	margin-left:auto;
	margin-right:auto;
}

.menu{
	font-weight:200;
	position:fixed;
	top:-100px;
	width:96%;
	height:70px;
	line-height:60px;
	padding-top:10px;
	padding-left:2%;
	padding-right:2%;
	background-color:white;
	text-align:center;
	-webkit-box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.4);
	box-shadow: 2px 2px 12px 0 rgba(0,0,0,0.4);
}

@media all and (max-width: 699px) {
	body{
		font-size:18px;
		font-weight:200;
	}	
	.button{
		font-size:22px;	
		padding-left:30px;
		padding-right:30px;
	}
	.no_mobile{
		display:none;
	}
	.page-content{
		line-height:24px;	
	}
	.menu{
		height:50px;
		line-height: 40px;	
	}
	.menu img{
		height:30px;
		width:auto;	
	}
	.page-content{
		margin-top:10%;
		margin-bottom:20%;
	}
}