header {
    background: #000;
    /*цвет фона приведен для примера*/
}

#footer ul.bottom {
    background: #000;
    /*цвет фона приведен для примера*/

}

#footer a#join-internet {
    background: #00C675;
    /*цвет фона приведен для примера*/
}

#footer a#disableAd{
    background: #EC3E28;
    /*цвет фона приведен для примера*/
}


/*
    Все пользовательские стили должны располагаться в этом файле
    Пользовательские стили, указанные в других файлах, будут проигнорированы

    Указанные выше правила позволяют
    изменять оформление шапки, футера и кнопки "Войти в интернет"
    В рамках этих правил позволяется изменять исключительно цвет фона элементов

    Все остальные стили должны явно определяться относительно элемента #content
*/


#content {
    width: 100%;
    height: 100%;
    background: url(fon.jpg) no-repeat center;
    background-size: cover;

}

.logo {
    position: absolute;
    bottom: 100px;
    width: 1920px;
    height: 78px; /* 78  */
    margin-top: -20px;
    //height: 10%;
    background: url(logo2.jpg) no-repeat;
    left:50%;
    margin-left: -960px;

}





/* Портретная ориентация шаблона */
@media screen and (orientation:portrait) {
    /* Стили для портретной ориентации шаблона */

    .center {
        position: absolute;
        width: 100%;
        top:50px;
        bottom: 150px;

        //border: 1px solid red;
    }

    .main {
        position: absolute;
        width: 100%;
        height: 100%;
        background: url(main_port2.png) no-repeat center;
        background-size:  cover;
        margin-top: -5px;
    }

}



/* Ландшафтная ориентация шаблона*/
@media screen and (orientation:landscape) {
    /* Стили для ландшафтной ориентации шаблона */

    .center {
        position: absolute;
        width: 100%;
        top:50px;
        bottom: 150px;
        
        //border: 1px solid red;
    }

    .main {
        position: absolute;

        width: 100%;
        height: 95%;

        background: url(main_land2.png) no-repeat center;
        background-size:  cover;
        margin-top: 10px;
    }

}

@media screen and (max-height: 650px) and (orientation:landscape) {
    .main {
        margin-top: 0px;

    }
}





@media screen and (max-height: 650px) and (orientation:portrait) {
    .main {
        margin-top: -10px;
    }
}

@media screen and (max-height: 520px) and (orientation:portrait) {
    .main {
        margin-top: 2px;
        height: 92%;
    }
}