html {
    scroll-behavior: smooth;
}

body, .navbar, .card, .footer, .navbar-menu,.navbar-burger{
    background-color: black!important;
    color:white!important;
}

a, a.navbar-item{
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}

a.navbar-item:focus, a.navbar-item:focus-within, a.navbar-item:hover, a.navbar-item.is-active, .navbar-link:focus, .navbar-link:focus-within, .navbar-link:hover, .navbar-link.is-active {
    background-color: #FFFFFF;
    color: #ED2E38;
}

.title{
    color: #FFFFFF;
}


@media screen and (min-width: 769px){
    .columns.is-reverse-min-tablet {
        display: flex;
        flex-direction: row-reverse;
    }
}


h1{
    color: white;
    font-weight: bold;
    font-size: 130%;
}

.navbar-item{
    font-weight: bold;
}


#hero-banner{
    background-image: url('../img/garage.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
}

@supports (-webkit-overflow-scrolling: touch) {
    #hero-banner { background-attachment: scroll; }
}

#hero-banner .container{
    margin-top: auto;
    margin-bottom: 30px;
    border-radius:6px;
    background-color: rgba(0, 0, 0, 0.35);;
    padding: 20px;
}

.icon.is-very-large{
    height: 6rem;
    width: 6rem;
}