* {
    margin: 0;
    padding: 0;
    vertical-align: top;
    background: 0 0;
    border: none;
    outline: 0;
    list-style: none;
    resize: none;
    box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
}
a,
a:hover,
a:visited {
    text-decoration: none;
    color: inherit;
}
a img,
a:hover img,
a:visited img { 
    border: none;
}
body,
html {
    width: 100%;
    direction: ltr;
    font-family: 'Nunito',sans-serif;
    font-weight: 300;
    background-color: #FFF;
    color: #000;
}
h1 h2 h3 h4 h5 h6 {
    font-family: 'Nunito', sans-serif;
}
.display-inline-block { 
    display: inline-block; 
}
.display-none { 
    display: none;
}
.wrapper {
    width: 900px;
    margin: 0 auto;
}
.section-1 {
    background-image: url(../img/background.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: bottom;
    width: 100%;
    min-width: 920px;
    height: 610px;
    padding-top: 30px;
}
.logo {
    background-image: url(../img/forekast-logo-white-sm-OFF.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    width: 150px;
    height: 50px;
}
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { 
    .logo {
        background-image: url(../img/forekast-logo-white-2X-OFF.png);
        background-size: 150px 50px;
    }
}
.weekly-forekast {
    font-family: 'Satisfy', cursive;
    font-size: 80px;
    line-height: 85px;
    font-weight: 700;
    color: #FFF;
    text-shadow: 0 1px 10px rgba(0,0,0,.5);
    text-align: center;
    margin-top: 100px;
}
.forekast-button {
    float: right;
    color: #FFF;
    font-size: 12px;
    margin-top: 5px;
}
a.forekast-link {
    display: block;
    padding: 7px 10px;
    text-align: center;
    font-size: 18px;
    border: 1px solid #FFF;
    border-radius: 3px;
    margin-top: 5px;
    font-weight: 400;
}
a.forekast-link:hover {
    background: #FFF;
    color: #555459;
}
.purpose {
    margin-top: 50px;
    font-size: 32px;
    font-weight: 300;
    color: #FFF;
    text-align: center;
}
.tagline-form {
    background-color: rgba(0,0,0,.1);
    width: 100%;
    height: 185px;
    margin-top: 80px;
}
.calltoaction-message {
    text-align: center;
    padding-top: 20px;
    color: #FFF;
    font-size: 20px;
    font-weight: 400;
    text-shadow: 0 1px 4px rgba(0,0,0,.5);
}
.tagline-form-error {
    text-align: center;
    padding-top: 20px;
    color: #FFF;
    font-size: 20px;
    font-weight: 300;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);
}
.tagline-form-object {
    margin-top: 20px;
    text-align: center;
}
.footer-form-input,
.tagline-form-input {
    background-color: #FFF;
    font-family: 'Nunito',sans-serif;
    font-size: 20px;
    padding: 10px 15px;
    font-weight: 700;
    color: #555459;
    border-radius: 4px;
    width: 300px;
    margin-right: 10px;
}
.footer-form-submit,
.tagline-form-submit {
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-color: #439FE0;
    border-bottom: 2px solid #194BA3;
    font-family: 'Nunito',sans-serif;
    font-size: 20px;
    padding: 10px 30px;
    border-radius: 4px;
    font-weight: 700;
    color: #FFF;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);
    cursor: pointer;
}
.footer-form-submit:hover,
.tagline-form-submit:hover { background-color: #3DA7F2 }
.footer-form-submit:active,
.tagline-form-submit:active {
    border-bottom: 1px solid #194BA3;
    margin-top: 1px;
}
.calltoaction-motivation {
    margin-top: 15px;
    text-align: center;
    font-size: 20px;
    color: #BA9;
    text-shadow: 0 1px 4px rgba(0,0,0,.5);
    font-weight: 300;
}
.section-2-testimonial {
    padding: 40px 0;
    text-shadow: 0 1px #FFF;
    font-size: 38px;
    font-weight: 300;
    text-align: center;
    color: #555459;
    background-color: #F2F2F5;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}
.testimonial-1 {
    line-height: 48px;
    margin-bottom: 20px;
    color: #555459;
}
.author-1 { 
    font-size: 20px 
}
.author-1-name { 
    font-weight: 400;
    font-size: 20px; 
}
a.author-1-company {
    font-weight: 400;
    color: #2A80B9;
    font-size: 20px;
}
a.author-1-company:hover {
    color: #439FE0;
    text-decoration: underline;
}
.section-3 {
    background-color: #439FE0;
    padding: 40px 0;
}
.section-3-heading {
    font-size: 40px;
    font-weight: 300;
    color: #fff;
    text-shadow: 0 1px rgba(0,0,0,.15);
    text-align: center;
    margin-bottom: 30px;
}
.cycling-words {
    margin-top: 25px;
    text-align: center;
}
.em-integration {
    display: inline-block;
    font-family: 'Nunito', sans-serif;
    font-size: 28px;
    font-weight: 300;
    color: #fff;
    text-align: center;
}
.section-4 {
    background-color: #fff;
    padding-top: 40px;
}
.section-4-heading {
    font-size: 40px;
    font-weight: 300;
    color: #3E4252;
    text-shadow: 0 1px rgba(0,0,0,.15);
    text-align: center;
    margin-bottom: 30px;
}
.about-forekast-text {
    font-size: 26px;
    font-family: 'Lato', sans-serif;
    font-weight: 300;
    color: #555459;
    text-align: left;
}
.link-text {
color: #2A80B9;
}
.link-text:hover {
color: #439FE0;
text-decoration: underline;
}
.forekast-screenshot {
    width: 425px;
    height: auto;
    float: right;
    margin-left: 80px;
}
.section-5 {
    padding: 40px 0;
    text-shadow: 0 1px #FFF;
    font-size: 40px;
    font-weight: 300;
    text-align: center;
    color: #555459;
    background-color: #FFF;
}
.startups {
    text-align: center;
    border-top: 1px solid #E0E0E0;
    padding: 30px 0px;
}
.startups-use {
    color: #aaa;
    padding-bottom: 30px;
    font-size: 20px;
    font-weight: 300px;
}
.startup {
    display: inline-block;
    margin: 0 10px;
}
.startup-logo {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: 0 0;
    height: 45px;
    width: 150px;
}
.product-hunt-logo { background-image: url(../img/product-hunt-logo-sm.png) }
.lifehacker-logo { background-image: url(../img/lifehacker-logo-sm.png) }
.reddit-logo { background-image: url(../img/reddit-logo-sm.png) }
.laughing-squid-logo { background-image: url(../img/laughing-squid-logo-sm.png) }
.awesomer-logo { background-image: url(../img/awesomer-logo-sm.png) }
@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi) { 
    .startup-logo { background-size: 150px 45px }
    .product-hunt-logo { background-image: url(../img/product-hunt-logo-2X.png) }
    .lifehacker-logo { background-image: url(../img/lifehacker-logo-2X.png) }
    .reddit-logo { background-image: url(../img/reddit-logo-2X.png) }
    .laughing-squid-logo { background-image: url(../img/laughing-squid-logo-2X.png) }
    .awesomer-logo { background-image: url(../img/awesomer-logo-2X.png) }
}
.section-6-testimonial {
    padding: 40px 0;
    text-shadow: 0 1px #FFF;
    font-size: 38px;
    font-weight: 300;
    text-align: center;
    color: #555459;
    background-color: #F2F2F5;
    border-top: 1px solid #DDD;
    border-bottom: 1px solid #DDD;
}
.testimonial-2 {
    line-height: 48px;
    margin-bottom: 20px;
}
.author-2 { 
    font-size: 20px 
}
.author-2-name { 
    font-weight: 400 
}
a.author-2-company {
    font-weight: 400;
    color: #2A80B9;
    font-size: 20px;
}
a.author-2-company:hover {
    color: #439FE0;
    text-decoration: underline;
}
.footer { 
    background-color: #FFF; 
}
.footer-container { 
    padding: 40px 0;
}
.weekly-forekast-dark {
    font-family: 'Satisfy', cursive;
    font-size: 65px;
    line-height: 85px;
    font-weight: 700;
    color: #3E4252;
    text-shadow: none;
    text-align: center;
    padding-bottom: 30px;
}
.tagline-bottom {
    font-size: 40px;
    font-weight: 300;
    color: #3D4B5B;
    text-align: center;
    padding-bottom: 40px;
}
.footer-form {
    background-color: #3E4252;
    border-radius: 10px;
    padding: 30px 0 20px;
    text-align: center;
}
.footer-motivation {
    margin-top: 15px;
    font-size: 18px;
    color: #DDD;
    text-shadow: 0 1px 2px rgba(0,0,0,.5);
}
.pink {
    color: #EE7A81;
}
.copyright {
    margin-top: 40px;
    text-shadow: 0 1px #FFF;
    color: #555459;
    font-weight: 300;
    font-size: 17px;
    line-height: 30px;
    text-align: center;
}
a.footer-link {
    color: #2A80B9;
    font-weight: 400;
}
a.footer-link:hover {
    color: #439FE0;
    text-decoration: underline;
}
.clear {
    clear: both;
}