@font-face{
    font-family: Roboto;
    src: url(../webfonts/Roboto-Regular.ttf) format("truetype");
}

html, body {
    font-family: Roboto, sans-serif;
    height: 100%;
}

body {
    padding-top: 15px;
    background-size: cover;
    position: relative;
    box-sizing: border-box;
    background-image: url("/img/Header.png");
    background-position: center;
    background-repeat: no-repeat;
    background-color: #4d4d4d;
}

@media (min-width: 768px) {
    body {
        padding-top: 135px;
    }
}

.logo {
    height: 80%;
    min-height: 100px;
    margin: 0 auto 30px auto;
}

.shadow {
    box-shadow: 0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23);
}

.footer {
    /*background-color: #4d4d4d;*/
    text-align: center;
    color: #00313a;
    padding-bottom: 15px;
    padding-top: 15px;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: -1;
}

.footer > .row {
    margin: 0;
}

.footer a {
    color: #ffffff;
}

.footer a:hover {
    color: #ffffff;
}

.list-group {
    overflow-x: hidden;
    max-height: 406px;
}