.desktop { width: 100%; height: 100%; }
.desktop-header { padding: 5% 25% 0 25%; }
.desktop-header-text { background-color: rgb(0,194,255); font-weight: bold; color: rgb(25,43,97); margin: 0 15px; padding: 1em; font-size: 1.5em; }
.desktop-container { width: 100%; height: 100%; text-align: center; }
.desktop-container a:hover { color: white; }
.desktop-buttons { display: inline-block; width: 360px; }
@media all and (min-width: 600px) {
    .desktop-buttons { width: 540px; padding-top: 90px; }
    }
@media all and (min-width: 800px) {
    .desktop-buttons { width: 720px; padding-top: 180px; }
    }
.desktop-btn { 
    position: relative; width: 150px; height: 150px; float: left; background-color: rgb(170,232,255); margin: 15px;
    background-size: auto 80px; background-position: center 2em; background-repeat: no-repeat;
    }
.desktop-btn-text { position: absolute; bottom: 0px; left: 0px; width: 100%; }
.desktop-btn-text-inner { text-align: center; padding: 0.75em 0.5em; font-size: 1.2em; }
.desktop-link .desktop-btn:hover { background-color: rgb(0,194,255) }
.desktop-btn-disabled { opacity: 0.3; }

.desktop-btn.desktop-btn-kepzesek { background-image: url('../_desktop/gomb-kepzesek.png');  }
.desktop-btn.desktop-btn-kepzesi_programok { background-image: url('../_desktop/gomb-kepzesi_programok.png'); }
.desktop-btn.desktop-btn-szemelyek { background-image: url('../_desktop/gomb-szemelyek.png'); }
.desktop-btn.desktop-btn-oktatok { background-image: url('../_desktop/gomb-oktatok.png'); }
.desktop-btn.desktop-btn-tantermek { background-image: url('../_desktop/gomb-tantermek.png'); }
.desktop-btn.desktop-btn-szerzodes_sablonok { background-image: url('../_desktop/gomb-szerzodes_sablonok.png'); }
.desktop-btn.desktop-btn-fejlecek { background-image: url('../_desktop/gomb-fejlecek.png'); }
.desktop-btn.desktop-btn-kezikonyv { background-image: url('../_desktop/gomb-kezikonyv.png'); }

body.login-page {
    background-image: url('../_desktop/documenta_login_bg.png');
    background-repeat: no-repeat;
    /* background-size: 100% auto; */
    background-position: top center;
    background-color: rgb(128,195,219);
    }
@media all and (min-width: 1440px) {
    body.login-page { background-size: 100%; }
    }
body.login-page .logo {
    width: 100%;
    min-height: 100px;
    padding: 1em 0;
    position: absolute;
    bottom: 0px;
    background-image: url('../_desktop/logo@3x.png');
    background-repeat: no-repeat;
    background-size: auto 80px;
    background-position: 10px center;
    background-color: rgba(255,255,255,0.5);
    }
body.login-page .all-container { margin: 0px; }