body {background-color: #2a2924; font-family: "HelveticaNeue-Thin", "HelveticaNeue-UltraLight", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: white;  font-size: 14pt;}
.center {text-align: center;}
.center .img-responsive {margin: 0px auto;}

.toppadded {padding-top: 30px;}

.appstorebadge {height: 60px; margin: 50px 30px 15px 30px;}

.instagramLink {margin: 50px auto; position: relative; right: 10px; background-image:  url("../img/instagram-fragment.png"); display: block; width: 189px; height: 22px; background-size: 100% 200%; }

.instagramLink:hover {background-position-y: 22px; }

a {color: #13e4e6; text-decoration: none;}
a:hover {color: white; text-decoration: none;}

#header-background-holder {position: fixed; width: 100%; height: 544px; z-index: -1;}
#header-background {background: url("../img/header_background.jpg") no-repeat #E4E6E5; background-position: center center;  background-size: cover; width: 100%; height: 110%; z-index: -1; }

.mobile-logo-section {padding-bottom: 50px;}

.non-header {background-color: #2a2924; z-index: 100;}

.logo {width: 400px; margin-top: 100px; margin-bottom: 30px; max-width: 100%;}

.mobile-logo-section .logo {width: 320px;  margin-top: 40px; max-width: 80%;}


.appstorebadge {height: 60px; margin: 15px 15px 15px 15px;}


.bezel {background-image: url("../img/iphone_android_bezel_black.png"); width: 370px; height: 614px; background-size: cover; margin: 20px auto 0 auto; padding: 116px 0px 0px 61px;}
#header-video-holder {background-image: url("../img/video_loop_poster.jpg"); width: 220px; height: 391px; background-size: cover; margin: 0px auto 0px auto; padding-top: 0px;}

.header .bezel {margin-bottom: -100px;}
.header {overflow: hidden;}




.instagramholder {min-height: 150px; max-height: 330px; overflow: hidden; text-align: center; padding-right: 0px; padding-left: 0px;}
.instagramholder img {width: 150px; margin: 10px 5px 0px 5px;}
.instagramholder::-webkit-scrollbar { display: none; }


.videocontainer {/*background: url("../img/videoBackground.gif") repeat;*/}
.thumbcontainer {border-top: 1px solid #276661;}
.infocontainer {border-top: 1px solid #276661;}
.sharecontainer {border-top: 1px solid #276661;}
.footercontainer {border-top: 1px solid #276661;}

.videocontainer, .thumbcontainer, .infocontainer, .sharecontainer, .footercontainer {padding: 50px 0px 50px 0px; }

h1 {padding-right: 15px; padding-left: 15px; line-height: 1.4em;}
h2 {padding-right: 15px; padding-left: 15px; line-height: 1.4em;}
p {padding-right: 15px; padding-left: 15px; line-height: 1.6em; font-size: 16pt;}

h2.tagline {padding: 0px; margin: 0px; font-size: 16pt; color: #6a603c;  padding-right: 15px; padding-left: 15px;}

.thumbcontainer img { margin: 15px 26px; border: 1px solid black; width: 136px;}

.infocontainer img {width: 60px; height: 60px;}
.infocontainer p {color: #6a603c; font-size: 16pt;}


.sharecontainer p {color: #6a603c; font-size: 14pt;}


.retangentInfo {float: left; margin: 80px 0px 0px 120px; width: 180px;}
.shareInfo {float: right; margin: 0px 180px 0px 0px; width: 260px;}

.shareLink {margin: 4px; text-decoration: none;}

.footercontainer p {color: #a0a0a0; font-size: 14pt;}

.footercontainer p a {color: #a0a0a0; text-decoration: none;}

.footercontainer p.verysmall {color: #999; font-size: 1.0em;}


#supportEmail { margin-top: 30px; color: #a0a0a0; }

#supportEmail a { text-decoration: none; color: white;}
#supportEmail a:hover {color: #13e4e6; }

@media (max-width: 1199px) {

	.thumbcontainer img { margin: 15px 15px; width: 120px;}
	
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 979px) { 
	
	.sharecontainer {background-size: auto 100%; /*padding-top: 20px; padding-bottom: 20px;*/}
	
	.shareInfo {float: right; margin: -30px 15px 0px 0px; max-width: 290px; width: auto;}
	.retangentInfo {float: left; margin: 80px 0px -30px 15px; max-width: 240px; width: auto;}
	
	
	
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {

	.thumbcontainer img { width: 100px;}
	body {padding: 0px;}
	.appstorebadge {height: 60px; margin: 15px;}
	
}

/* Make Vimeo Video responsive: */
.vimeoWrapperMaxWidth {
	max-width: 800px;
	margin: 0px auto;
}

.vimeoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 0px;
	height: 0;
	background-color: white;
	
}

.vimeoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: white;
}