@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,600,300');

body {
	font-family: "Open Sans", sans-serif;
	background-color: #ededed;
}

.navbar-brand, .navbar-brand:focus {
	color: rgba(0, 0, 0, .42);
	position: fixed;
	z-index: 1000;
	font-size: 16pt;
	font-weight: 600;
}

.navbar-brand:hover {
	color: rgba(0, 0, 0, .42);
	opacity: .3;
}

section {
	margin: 0 auto;
	display: inline-block;
}

.logo-small {
	margin-right: 4px;
}

.screen1 {
	background-color: #7D2253;
	padding-bottom: 0px;
}

.screen2 {
	background-color: #6A9DD8;
	padding-bottom: 0px;
}

.screen3 {
	background-color: #759BA0;
	padding-bottom: 0px;
}

.cover h1, .cover .h1 {
	color: #d74143;
}


h1 img{
	padding: 0px 4px 12px 0px;
}

.text-primary {
    font-size: 18pt;
    color: rgba(256,256,256,.8);
    font-family: "Open Sans", sans-serif;
    font-weight: 400;
    letter-spacing: 1pt;
}

.text-primary:hover {
	color: rgba(256,256,256,.8);
}

.bubble1{
	background-color: #541738;
    padding: 14px;
    width: 540px;
    margin: 0 auto;
    border-radius: 8px;
    margin-top: 40px;
}

.bubble2 {
    background-color: #4082CE;
    padding: 14px;
    width: 540px;
    margin: 0 auto;
    border-radius: 8px;
    margin-top: 40px;
}

.bubble3 {
    background-color: #5C8084;
    padding: 14px;
    width: 540px;
    margin: 0 auto;
    border-radius: 8px;
    margin-top: 40px;
}

.cover p {
	font-size: 20pt;
	color: #5f5f5f;
	max-width: 360px;
	margin: auto;
	line-height: 30pt;
	font-weight: 400;
}

.appstore {
	margin-top: -20px;
	text-align: center;
	width: 130px;
	height: auto;
	border-radius: 4px;
	box-shadow: 0px 4px 10px rgba(0,0,0,0);
	-webkit-transition: box-shadow .2s, width .2s, height .2s; /* For Safari 3.1 to 6.0 */
    transition: box-shadow .2s, width .2s, height .2s;

}

.appstore:hover {
	text-align: center;
	height: auto;
	border-radius: 4px;
	box-shadow: 0px 4px 10px rgba(0,0,0,.3);

}

.logo-block {
	margin-top: 10%;
}


.splash {
	width: 80%;
	height: auto;
	margin-left: -40px;
}

.inline {
	width: 360px;
	height: auto;
	display: inline-block;
	margin-top: 40px;
}

.section-primary {
	background-color: #ededed !important;
	padding-top: 60px;
}

.footer-copy{
	font-size: 20pt;
	color: #5f5f5f;
	max-width: 360px;
	margin: auto;
	line-height: 30pt;
	font-weight: 400;
	margin-bottom: 20px;
	margin-top: 10px;
}

.social {
	padding: 10px;
}

.social:hover {
	opacity: .5;
	text-decoration: none;
}


footer .section{
	padding: 0px;
}

.jumbo {
	margin-top: 90px;
	margin-bottom: 100px;

}

.copyright {
	font-size: 9pt;
	color: #aaa;
	margin-top: 30px;
	margin-bottom: 20px;
}

.pizza:hover {
	text-decoration: none;
}


@media (max-width: 1206px) {
	.cover h1 {
		font-size: 40pt;
	}

	.cover p{
		font-size: 20pt;
	}
	

}

@media (max-width: 991px) {

	.splash {
		margin-left: 0px;
	}

	.centering {
		text-align: center;
		width: 80%;
		margin: 0 auto;
		padding: 40px;
	}

	.jumbo{
		margin-top: 40px;
		margin-bottom: 40px;
	}


@media (max-width: 767px) {


	.inline {
		width: 250px;
	}

	.navbar-brand {
		display: none;
	}

	.text-primary {
		width: 300px;
		font-size: 12pt;
	}

	.centering {
		width: 100%;
	}
}