website/assets/css/index.css

.last {
    margin-bottom:0;
}

body {
    background: #d6dcdc;
}

.header {
    text-align: center;
    background: linear-gradient(to bottom, #888b8f, #66696d);
    /* background-size: cover; */
    position: relative;
    overflow: visible;
    padding-top: 0.7rem;
    padding-bottom: 3.8rem;
    margin-bottom: 1rem;
}

.header .loginButton {
    display:inline;
    position:absolute;
    top:10px;
    right:10px;
    font:10px sans-serif;
}

.header .loginButton a {
    color: #1eb513;
    text-shadow: 1px 1px 0 #333;
}

/* header menu hides on mobile screen, no padding needed anymore */
@media screen and (max-width:39.99em) {
    .header {
        padding-bottom:0.7rem;
    }
}

.header .headline {
    text-align:left;
    color: #ffe;
    margin: 0;
}

.header .tagline {
    color: #eeeeef /* #aaaaac */;
    font-size: 1.2rem;
    margin: 0;
    font-style: italic;
}

.header-subnav {
    float: none;
    position: absolute;
    text-align: center;
    margin: 0 auto;
    bottom: 0;
    width: 100%;
    white-space: nowrap;
    overflow-x: auto;
}

.header-subnav li {
    float: none;
    display: inline-block;
}

.header-subnav li a {
    padding: 0.9rem 1rem;
    font-size: 0.75rem;
    color: #eef;
    text-transform: uppercase;
    display: block;
    font-weight: bold;
    letter-spacing: 1px;
    /* transition: all 0.35s ease-in-out; */
}

.header-subnav li a.is-active {
    /* background: #ffffff; */
    color: #393f42;
    background: #d6dcdc;
}

.header-subnav li a:not(.is-active):hover {
    background: rgba(250,250,250,0.15);
    transition: all 0.35s ease-in-out;
}

.mobile-menu {
    /* background-color:#f3f3f0; */
    list-style: none;
    margin: -0.5em -1em;
}

.mobile-menu li {
    padding:0;
}

.mobile-menu li a {
    display:block;
    width:100%;
    height:100%;
    margin:0;
    padding:0.3em;
    padding-bottom:0em;
    padding-left: 1em;
    font-size: 1.4em;
    font-weight:500;
    text-transform:uppercase;
}

.mobile-menu li a.is-active {
    background-color:#1eb513;
    color: #ffffff !important;
}

.columns {
    padding:0 10px;
}

.whitebox {
    background-color:#f3f3f0;
    box-shadow: 4px 4px 5px rgba(100,100,100,0.1);
    padding:1rem;
    margin-bottom:1em;
}

.whitebox a {
    color: #1eb513 !important;
}

.whitebox h1 { color: #1eb513; font-size: 2em; }
.whitebox h2 { color: #1eb513; font-size: 1.5em; }
.whitebox h3 { color: #1eb513; font-size: 1em; }

.whitebox .lang-list {
    font-size: 0.8rem;
    display: inline;
    float: right;
}

.sidebar .boxhead {
    font-size:1.1rem;
    text-transform: uppercase;
}

.sidebar .list {
    list-style: none;
}

.sidebar .list li a {
    color: #2199e8;
}

.sidebar .searchbox {
    margin:0;
}

.sidebar {
    margin:0;
}

.footer {
    text-align:center;
    font-size:0.7rem;
    text-transform:lowercase;
    color: #555;
}