html, body {
    font-family: 'Open Sans', serif;
}

.hero.is-info {
    background: linear-gradient(
            rgba(0, 0, 0, 0.5),
            rgba(0, 0, 0, 0.5)
    ), url('../images/bg.jpeg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

.hero .nav, .hero.is-success .nav {
    -webkit-box-shadow: none;
    box-shadow: none;
}

.hero .subtitle {
    padding: 3rem 0;
    line-height: 1.5;
}

.hero-head {
    background: #FFFFFF;
}

.hero-head p {
    color: #0c0c0c;
}

.hero-foot {
    padding-bottom: 20px;
}

/*.navbar-item:hover {*/
    /*background: #FFFFFF !important;*/
/*}*/

.navbar-item img {
    max-height: inherit;
    max-width: 130px;
    margin: 5px 0;
}

.navbar-item:hover {
    background: none !important;
}

.footer {
    padding: 3rem 1.5rem 3rem;
}

.text-left {
    text-align: left;
}

.loginbutton:hover {
    background-color: transparent !important;
}

@media only screen and (max-width: 768px) {
    .hero-head {
        background: #FFFFFF;
        height: 160px;
    }

    .navbar {
        width: 100%;
    }
    .navbar-item img,
    .navbar-brand {
        flex-flow: column;
        align-items: center;
    }

    .navbar-brand {
        justify-content: center;
    }
}