body{
    background-attachment: fixed;
    background-color: rgba(10, 10, 10, 1);
    background-image: url('../images/banner.png');
    background-position: center top;
    background-repeat: no-repeat;
    color: rgba(255, 255, 255, 1);
    text-align: center;
    width: 100%;
}

@media screen and (max-width: 480px) {
    body{
        background-attachment: fixed;
        background-color: rgba(10, 10, 10, 1);
        background-image: url('../images/banner.png');
        background-position: center center;
        background-repeat: no-repeat;
        background-size: 100% 100%;
        color: rgba(255, 255, 255, 1);
        text-align: center;
        width: 100%;
    }
}

header {
    height: auto;
    margin: 7em auto auto auto;
    min-height: 100px;
    width: 100%;
}

header h1 img
{
    margin: 0 auto;
    max-height: 80px;
}

header h2
{
    font-family: inderRegular;
    font-size: 2em;
}

main {
    clear: both;
    height: auto;
    min-height: 40vh;
    width: 100%;
}

main .container h3
{
    font-family: 'Segoe UI';
    font-size: 1.5em;
    font-weight: 100;
}

main .container h2
{
    font-family: inderRegular;
    font-size: 7em;
}

main .container form .input-group
{
    margin: 0 auto;
     width: 60%;
}

footer{
    clear: both;
    margin: 3.5em 0 0 0;
    text-align: center;
    width: 100%;
}

footer p {
    font-size: 1.2em;
}