.bottom
{
    width: 100%;

    height: 69px;

    background: #000000;

    background-image: url("top.png");

    background-repeat: no-repeat;

    background-size: cover;
}

@media (max-width: 1020px)
{
    .bottom
    {
        background-image: url("up.png");

        height: 199px;
    }
}

.bottom .container
{
    max-width: 1000px;

    height: 69px;

    margin: 0 auto;
}

.bottom .container .logo
{
    height: 69px;

    margin-left: 20px;

    float: left;
}

.bottom .container .logo img
{
    height: 69px;
}

@media (max-width: 1020px)
{
    .bottom .container .logo
    {
        width: 100%;

        text-align: center;

        margin-left: 0;
    }
}

.bottom .container .text
{
    float: left;

    margin-left: 10px;

    margin-right: 10px;

    font-family: font2;

    font-size: 12px;

    letter-spacing: 0;

    height: 69px;

    line-height: 69px;

    color: #ffffff;
}

@media (max-width: 1020px)
{
    .bottom .container .text
    {
        width: 100%;

        line-height: 30px;

        height: 30px;

        text-align: center;

        margin-left: 0;
    }
}

.bottom .container .text a
{
    text-decoration: none;

    color: #ffffff;
}

.bottom .container .text span
{
    color: #e0dd12;
}

.bottom .container .social
{
    width: 345px;

    height: 69px;
    
    background-image: url("Splash_Footer.png");

    background-repeat: no-repeat;

    background-size: 345px 69px;

    float: right;
}

@media (max-width: 1020px)
{
    .bottom .container .social
    {
        width: 100%;

        text-align: center;

        background-position: center;

        margin-top: 15px;
    }
}

.bottom .container .social .box
{
    width: 140px;

    height: 69px;

    line-height: 69px;

    float: right;

    vertical-align: middle;

}

@media (max-width: 1020px)
{
    .bottom .container .social .box
    {
        width: 50%;
    }
}

#fb
{
    width: 60px;

    height: 14px;

    background-image: url("Black_facebook_logo.png");

    background-size: 60px 14px;

    background-repeat: no-repeat;

    float: right;

    margin-top: 25px;

    margin-right: 25px;

    cursor: pointer;
}

#fb:hover
{
    background-image: url("White_facebook_logo.png");
}

#yt
{
    width: 46px;

    height: 19px;

    margin-top: 22px;

    background-image: url("black_youtube_logo.png");

    background-size: 46px 19px;

    background-repeat: no-repeat;

    float: left;

    margin-left: -15px;

    cursor: pointer;
}

#yt:hover
{
    background-image: url("White_youtube_logo.png");
}

@media (max-width: 1020px)
{
    #fb
    {
        margin-right: -6px;
    }

    #yt
    {
        margin-left: 25px;
    }
}