/* mail chimp form */
#mc_embed_signup{clear:left; font:16px Helvetica,Arial,sans-serif; }

#mc_embed_signup_scroll label {
    color: white; 
    line-height: 24px; 
    margin-bottom:20px; 
}

.email {
    margin-bottom: 0px; 
}

#mc-embedded-subscribe {
    top-right-corner-radius: 0px; 
    top-left-corner-radius: 0px; 
    background-color: #CB782A; 
}

#mc_embed_signup form {
    padding: 0px; 
}


/* GENERAL */
html,
body {
	font-family: 'Helvetica neue', Helvetica, Arial, sans-serif;
	font-size: 16px;
	line-height: 22px;
	color: white;
}

h1 {
	margin-bottom: 20px;
	font-size: 36px;
	font-weight: 300;
}

h2 {
	margin-top: 40px;
	font-size: 24px;
	font-weight: 700;
}

h5 {
	margin: -10px 0 10px;
	font-weight: bold;
}

h1,
h2,
h3,
h4,
h5 {
	font-family: 'Helvetica neue', Helvetica, Arial, sans-serif;
	line-height: 1.3em;
	color: white;
}

ul ul, ul ol, ol ol, ol ul {
	font-size: 100%;
}

b {
	font-weight: bold;
}

/* BUTTONS, LINKS */
.button {
	background: #CB782A;
	box-shadow: none;
	border: none;
	text-shadow: none;
	color: white;
	font-size: 14px;
	line-height: 40px;
	padding: 0 20px;
}

.button i {
	padding-right: 10px;
	font-size: 18px;
}

.button:hover {
	color: white;
	border: none;
}

footer {
    font-size: 14px; 
}

footer a,
footer a:visited,
a {
	font-weight: bold;
	text-decoration: none;
	color: #CB782A;
}

footer a:hover,
a:hover {
	color: #A45B17;
}

#home {
	color: #2B1806;
}

#hero {
	background: #2B1806 url('../images/background.png') no-repeat center center;
	background-size: 1024px 700px;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='.myBackground.jpg', sizingMethod='scale');
	-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='myBackground.jpg', sizingMethod='scale')";
        border-bottom: 1px solid #e5e5e5; 
}


.createMenu {
	position: relative;
	background: transparent url('/images/fullCreateMenu.PNG') no-repeat center center;
	background-size: 223px 396px;
	width: 223px;
	height: 396px;
}

#hero .six.columns {
	padding: 40px 0;
}

#hero .seven.columns {
	padding-top: 200px;
        padding-bottom:175px; 
}

#logowrapper {
	position: relative;
	height: 300px;
	top: 50%;
}

#logo {
	margin-bottom: 20px;
	background: transparent url('/images/logo2.png') no-repeat center center;
	background-size: 66px;
	width: 66px;
	height: 66px;
	color: transparent;
}

.button:hover {
	background: #A45B17;
	box-shadow: none;
	text-shadow: none;
}

#iphone {
	position: relative;
	top: 50%;
	background: transparent url('/images/iphone.png') no-repeat center center;
	width: 265px;
	height: 557px;
}

#screenwrapper {
	position: relative;
	left: 23px;
	top: 82px;
}

.screen {
	position: relative;
	background: transparent url('/images/screen.png') no-repeat center center;
	background-size: 223px 396px;
	width: 223px;
	height: 396px;
}

.createCommitmentIcon {
	position: relative;
	background: transparent url('/images/timeandduration.gif') no-repeat center center;
	background-size: 223px 396px;
	width: 223px;
	height: 396px;
}

.stakesIcon {
	position: relative;
	background: transparent url('/images/setStakes.PNG') no-repeat center center;
	background-size: 223px 396px;
	width: 223px;
	height: 396px;
}

.checkinIcon {
	position: relative;
	background: transparent url('/images/checkin.PNG') no-repeat center center;
	background-size: 223px 396px;
	width: 223px;
	height: 396px;
}

#email-container-bottom {
    background-attachment:fixed; 
    background-size: cover; 
    background: #2B1806 url('/images/blurred_background.png') no-repeat center center; 
    padding: 60px 0px 40px 0px; 
} 

#email-container-bottom .section-title {
   text-align: center; 
   padding-bottom:25px; 
   color: white; 
   font-weight:bold; 
   font-size:20px; 
}

#mc_embed_signup_bottom {
    width: 322px; 
    margin: 0px auto; 
}

.article-section {
    padding: 40px 0; 
    background: #f8f9f8; 
    border-top: 1px solid #e5e5e5; 
    border-bottom: 1px solid #e5e5e5; 
}


.article-section h1 {
    text-align: center; 
    color: #CB782A; 
}

.article-section {
    color: #5B6284;
}
.hiw-section {
	padding: 40px 0;
	//background: #F9F9F9;
}

.hiw-section p,
.hiw-section h1 {
	color: #5B6284;
}

.hiw-desc {
	padding-top: 150px;
}

#hiw-setup {
	background: transparent url('/images/demo-set-up.png') no-repeat top left;
	background-size: 290px 559px;
	width: 290px;
	height: 559px;
}

#hiw-preview {
	background: transparent url('/images/demo-preview.png') no-repeat top left;
	background-size: 290px 559px;
	width: 290px;
	height: 559px;
}

#hiw-track {
	background: transparent url('/images/demo-tracking.png') no-repeat top left;
	background-size: 290px 559px;
	width: 290px;
	height: 559px;
}

footer {
	position: relative;
	background: transparent;
	width: auto;
	height: auto;
}

footer span {
	color: #A57B53;
}

footer span,
footer a,
footer a:visited {
	line-height: 50px;
}

@media only screen and (min-width: 768px) {
	.full-height {
		height: 100%;
	}
}