@font-face {
    font-family:Akkurat;
    src:
        url(../font/Akkurat.woff) format('woff'),
        url(../font/Akkurat.ttf) format('truetype'),
        url(https://www.dragotti.com/wp-content/uploads/2019/08/Akkurat.svg#akkurat) format('svg');
    font-display: swap;
}
@font-face { font-family:Akkurat-Bold;
    src:
        url(../font/Akkurat-Bold.woff) format('woff'),
        url(../font/Akkurat-Bold.ttf) format('truetype'),
        url(../font/Akkurat-Bold.svg#akkurat-bold) format('svg');
    font-display: swap;
}
@font-face { font-family:Akkurat-Light;
    src:
        url(../font/AkkuratLight.woff) format('woff'),
        url(../font/AkkuratLight.ttf) format('truetype'),
        url(https://www.dragotti.com/wp-content/uploads/2019/08/AkkuratLight.svg#akkurat-light) format('svg');
    font-display: swap;
}


html {
    background-image: url(../img/main_background.jpg);
    background-position: center center;
    background-attachment: fixed;
    background-size: cover;
    font-family:Akkurat, "Quattrocento Sans", Verdana, Arial, Helvetica, sans-serif !important;
}
body {
    background-image: none;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
    font-family:Akkurat, "Quattrocento Sans", Verdana, Arial, Helvetica, sans-serif !important;
}
#page {
    background-image: none;
    background-position: center center;
    background-size: cover;
    background-color: transparent;
}

#mainmenu {
    background-color:rgba(238,238,238,.80);
}
#mainmenu ul li:hover {
    background-color: rgba(246,246,246,.80); !important;
}
#user-welcome-wrapper {
    background-color: #30315b;
    height:70px;
}
#mainmenu .header-logo {
    width:auto;
    height:auto;
    max-height:50px;
}
.header-logo-wrapper {
    padding:10px 10px 10px 10px;
    height:70px;
    background-color:#30315b;
    position:relative;
}

#content .login-wrapper {
    position: relative;
    background: rgba(255,255,255,.5);
    z-index: 1;
    border: 0;
    box-shadow: 0 5px 10px rgba(0,0,0,.3);    
}
    #content .login-wrapper h1 {
        border-bottom: 1px solid rgba(0,0,0,.1);
        background-color: #fff;
        color: #30315b;
    }
#content .login-body-screen {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,255,255,.8);
    z-index: 0;
}