body {
    background-color:#0A478B;
    background-position:center top;
    background-repeat: no-repeat;
    background-attachment: fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    z-index:-2;

    margin:0;
    padding:0;
    -webkit-text-stroke-width: .5px;
    -webkit-font-smoothing: antialiased;

    font-family: 'Source Sans Pro', Helvetica, Arial, sans;

}

body.portrait {
    background-image: url(../images/superheroes/awesome-productivity-hero-phone.jpg);
}

body.landscape {
    background-image: url(../images/superheroes/awesome-productivity-hero-tablet.jpg);
}

.brand {
    padding-top:24px;
    padding-bottom:24px;
    text-align: left;
}

a, a:hover {
    color:#FFF;
    text-decoration:underline;
}

.alert a,
.alert a:hover,
.modal-body a,
.modal-body a:hover {
    color:#000;
}


h1 {
    font-weight:900;
    color:#FFF;
    font-size:38px;
    text-transform:uppercase;
    margin:0;
    padding:0;
    line-height:38px;
    -webkit-text-stroke-width: .1px;
    -webkit-font-smoothing: antialiased;

}

h1 sup {
    font-weight:200;
    color:#FFF;
    font-size:22px;
    text-transform:uppercase;

}

h2 {
    font-weight:200;
    color:#FFF;
    font-size:19px;
    text-transform:uppercase;
    margin:0;
    padding:0;
}

h3 {
    font-weight:200;
    color:#03014C;
    font-size:56px;
    text-transform:uppercase;
    background:rgba(255,255,255,.9);
    margin:10px 0;
    padding:12px 24px 12px;
    display:block;
    line-height:54px;
    -webkit-text-stroke-width: .1px;
    -webkit-font-smoothing: antialiased;

}

.signup {
    margin-top:0px;
    font-weight:200;
    font-size:21px;
    color:rgba(255,255,255,.9);
    text-shadow: 0 0 4px rgba(0,0,0,.4);
}

.bluepanel {
    color:#FFFFFF;
    background-color:rgba(3,1,76,.6);
    padding:0.01em 24px;
    font-weight:200;
    font-size:21px;
    text-shadow: 0 0 4px rgba(0,0,0,.8);
    margin-bottom:12px;
}

.darkbluepanel {
    color:#FFFFFF;
    background-color:rgba(3,1,76,.9);
    padding:10px 24px;
    font-weight:200;
    font-size:21px;
    text-shadow: 0 0 4px rgba(0,0,0,.8);
    margin-bottom:12px;
}

form {
    padding-top:12px;
    padding-bottom:12px;
}

form h4 {
    font-weight:200;
    font-size:32px;
    margin:0;
    padding:0;
    line-height:100%;
}

form p {
    margin:0;
    padding:0 0 12px 0;
    line-height:100%;
}

form .redbutton {
    background:#D04000;
    border:none;
    padding:6px 12px;
    font-weight:200!important;
    font-size:19px;
}

fieldset p {
    font-size:16px;
    font-weight:200;
    line-height:200%;
}

fieldset p.large {
    font-size:19px;
}

input[type=email],
input[type=text] {
    font-size:19px;
    font-weight:400;
    color:#0A478B;
    padding:6px 12px;
    border:none;
    -webkit-appearance:none;
}

.footer {
    font-weight:200;
    color:#FFF;
    font-size:14px;
    text-shadow: 0 0 5px rgba(0,0,0,.9);
    padding-bottom:24px;
}

.footer p {
    margin:0;
    padding:0;
}

.photocredit {
    position:fixed;
    bottom:10px;
    right:10px;
    color:rgba(255,255,255,.5);
    text-shadow:0 0 3px rgba(0,0,0,.3);
    font-size:10px;
    font-weight:400;
    z-index:-1px;
}

@media only screen and (max-width: 40em)
{
    .brand {
        text-align: center;
        padding-top:48px;
        text-shadow: 0 0 4px rgba(0,0,0,.4);

    }

    h1 {
        font-size:48px;
    }

    h1 sup {
        font-size:32px;
    }

    h2 {
        font-size:24px;
        line-height:190%;
    }

    h3 {
        font-size:46px;
        text-align:center;
    }

    .about {
        font-size:19px;
        text-shadow: 0 0 2px rgba(0,0,0,.9);
        text-align:center;
    }

    .signup h4 {
        font-size:24px;
        font-weight:900;
        text-shadow:0 0 4px rgba(0,0,0,.4);
    }

    form {
    }

    form .redbutton {
        display:inline-block;
        margin-top:12px;
    }
    .footer {
        font-size:8px;
        text-align:center;
    }

    .footer .legal {
        font-size:12px;
        margin-top:24px;
        margin-bottom:24px;
    }

    .footer .legal {
        font-size:12px;
        margin-top:24px;
        margin-bottom:24px;
    }
}