body {background-color: #1D1D1D; font-family: Avenir, "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; color: white; }

.center {text-align: center;}
.toppadded {padding-top: 50px;}

.darkbg{background-color: #0D0D0D; }
.lightbg{background-color: #2d2d2d; }

.instagramholder {min-height: 150px; max-height: 330px; overflow: hidden; text-align: center; }

.instagramholder img {width: 150px; margin: 10px 5px 0px 5px;}

.instagramholder::-webkit-scrollbar { 
    display: none; 
}

.appstorebadge {width: 80%; max-width: 250px; margin-top: 30px;}
.footercontainer .appstorebadge {margin-top: 20px; margin-bottom: 30px;}

.socialLink {margin: 30px 15px; width: 50px; height: 50px;}

a {color: #eee; text-decoration: none;}
a:hover {color: #EE794A; }

.fancybox-title a {color: #EE794A;}

.center-y {display: inline-block; vertical-align: middle; float: none;}

.iphonecontainer, .iphonecontainerdark {background: url("../img/iphone_vector.png"); background-position: center; background-repeat: no-repeat; background-size: 100% 100%; margin: 0px auto; padding: 90px 27px 89px 27px; display: inline-block;}

.iphonecontainerdark {background: url("../img/iphone_vector_darkbg.png");background-size: 100% 100%; }


.iphonecontainer img, .iphonecontainerdark img, .iphonecontainer video, .iphonecontainerdark video {padding: 0; margin: 0;}

.sectionicon {text-align: center;}
.sectionicon img {height: 80px; padding: 30px 0 20px 0; }

.videocontainer {/*background: url("../img/videoBackground.gif") repeat;*/}
.topborder {border-top: 1px solid #6C1714;}

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

h1 {padding-right: 15px; padding-left: 15px; line-height: 1.5em; font-size: 2.0em; font-weight: normal;}
h2 {padding-right: 15px; padding-left: 15px; line-height: 1.5em;  font-size: 2.0em; font-weight: normal;}
p {padding-right: 15px; padding-left: 15px; line-height: 1.5em; font-size: 15pt; color: #aaa; margin-bottom: 20px;}

.footnote {font-size: 12pt; margin-bottom: 10px; color: #555;}

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

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

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


.sharecontainer p {color: #D43A2B; 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: 11pt;}

.footercontainer p a {color: #ccc; text-decoration: none;}
.footercontainer p a:hover {color: white;}

.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: #EE794A; }

@media (max-width: 1199px) {

	.toppadded {padding-top: 0px;}
	.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 -- single column */
@media (max-width: 767px) {

	
	.thumbcontainer img { width: 100px;}
	body {padding: 0px;}
	
	.alwayspadded {padding: 10px;}
	
	.socialLink {margin: 30px 10px;}
	
	.instagramholder {max-height: 220px;}
	.instagramholder img {width: 100px;}
	
}


/* 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;
}