body.homepage div.content > h3
{
    width: auto;
    max-width: 1000px;
    padding-left: 10px;
    padding-right: 10px;
}

body.homepage div.header div.logo
{
    margin-left: 10px;
}

body.homepage div.header div.authenticated
{
    margin-right: 10px;
    float: right;
}

body.homepage div.header div.authenticated a.name
{
    padding-right: 28px !important;
    text-indent: -9999px;
}

body.homepage div.example
{
    height: 100%;
}

body.homepage div.example p
{
    width: auto;
    max-width: 600px;
    padding-left: 10px;
    padding-right: 10px;
}

body.homepage div.example img
{
    margin-left: auto;
    margin-right: auto;
    display: block;
    max-width: 100%;
    height: auto;
    margin-bottom: 0;
    padding-bottom: 100px;
}

body.homepage div.footer
{
    height: auto;
}

@media only screen and (max-width: 816px)
{
    body.homepage div.call-to-action
    {
        margin-left: 10px;
        margin-right: 10px;
    }

    body.homepage div.call-to-action a.create
    {
        text-indent: 0;
        width: auto;
        max-width: 330px;
        margin: 0;
        height: auto;
        margin-bottom: 10px;
        display: block;
        clear: both;
        margin-left: auto;
        margin-right: auto;
    }

    body.homepage div.header div.logo {
        margin-left: 0;
    }
}

@media only screen and (max-width: 680px)
{
    div.header a.white
    {
        margin-right: 10px;
    }
}