#homePage {
    background: #fff;
}
#homePageWrap {
    margin: 0 auto;
    width: 1080px;
    overflow: auto;
}
@media only screen and (max-width: 720px) {
	#homePageWrap {
		width: auto;
	}
}
#homePage section {
    margin: 160px auto;
    overflow: auto;
}
@media only screen and (max-width: 720px) {
	#homePage section {
        margin: 120px auto;
	}
}
#homePage section:last-of-type {
    margin-bottom: 40px;
}
#homePage section h2 {
    font-family: 'Creighton', Arial, Helvetica, sans-serif;
    font-weight: normal;
    color: #000;
}
#homePage section h3 {
    font-family: 'Creighton', Arial, Helvetica, sans-serif;
    font-size: 4em;
    font-weight: normal;
    color: #000;
}
@media only screen and (max-width: 720px) {
	#homePage section h3 {
        font-size: 2.25em;
	}
}
#homePage section a.learnmore {
    display: block;
    margin: 20px auto;
    border-radius: 45px;
    width: 170px;
}
#homePage section a.learnmore:hover {
    text-decoration: none;
}
#homePage section a.learnmore button {
    display: block;
    margin: 0 auto;
    border-radius: 45px;  
}
#homePage section.app-promo div.left {
    float: left;
    overflow: auto;
}
#homePage section.app-promo div.right {
    float: right;
    overflow: auto;
}
#homePage section.app-promo div.title-area {
    width: 60%;
}
#homePage section.app-promo div.hero-area {
    width: 40%;
    height: 790px;
    overflow: hidden;
}
@media only screen and (max-width: 720px) {
	#homePage section.app-promo div.left,
    #homePage section.app-promo div.right {
        float: none;
	}
    #homePage section.app-promo div.title-area,
    #homePage section.app-promo div.hero-area {
        width: auto;
	}
    #homePage section.app-promo div.hero-area {
        height: 500px;
	}
}
#homePage section.app-promo h2 {
    font-size: 4em;
}
@media only screen and (max-width: 720px) {
	#homePage section.app-promo h2 {
        font-size: 2.5em;
	}
}
#homePage section.app-promo span.app-title {
    display: block;
    margin: 80px auto 20px;
    overflow: auto;
}
@media only screen and (max-width: 720px) {
	#homePage section.app-promo span.app-title {
        margin-top: 0;
    }
}
#homePage section.app-promo span.app-title i.icon {
    display: block;
    float: left;
    margin: 5px 20px 6px 5px;
    border-radius: 25px;
    box-shadow: 0 3px 6px rgb(0, 0, 0, 0.2);
}
#homePage section.app-promo span.app-title i.icon img {
    display: block;
    height: 100px;
    width: auto;
}
@media only screen and (max-width: 720px) {
    #homePage section.app-promo span.app-title i.icon {
        margin-right: 10px;
        border-radius: 18px;
    }
	#homePage section.app-promo span.app-title i.icon img  {
        height: 62px;
    }
}
#homePage section.app-promo span.app-title h2 {
    margin: 0;
    line-height: 100px;
}
@media only screen and (max-width: 720px) {
    #homePage section.app-promo span.app-title h2 {
        line-height: 68px;
    }
}
#homePage section.app-promo span.app-blurb {
    display: block;
    margin: 20px;
    line-height: 1.2em;
    font-size: 2.5em;
    color: #000;
    text-align: center;
}
@media only screen and (max-width: 720px) {
    #homePage section.app-promo span.app-blurb {
        font-size: 1.75em;
    }
}
#homePage section.app-promo img.hero {
    display: block;
    margin: 0 auto;
    width: 315px;
    height: auto;
}
@media only screen and (max-width: 720px) {
	#homePage section.app-promo img.hero  {
        width: 200px;
    }
}
#tabataProWatchPromo img {
    display: block;
    margin: 0 auto;
    width: 921px;
    height: auto;
}
#tabataProWatchPromo h3 {
    margin-top: 0;
    text-align: center;
}
#tabataProPromo span.app-title {
    width: 366px;
}
@media only screen and (max-width: 720px) {
	#tabataProPromo span.app-title {
		width: 230px;
	}
}
#boxingTimerProPromo span.app-title {
    width: 506px;
}
@media only screen and (max-width: 720px) {
	#boxingTimerProPromo span.app-title {
		width: 316px;
	}
}
#iRecorderPromo span.app-title {
    width: 422px;
}
@media only screen and (max-width: 720px) {
	#iRecorderPromo span.app-title {
		width: 264px;
	}
}
#alanWattsAppPromo span.app-title {
    width: 464px;
}
@media only screen and (max-width: 720px) {
	#alanWattsAppPromo span.app-title {
		width: 290px;
	}
}