html {
    scroll-behavior: smooth;
}


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

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

#hero-banner{
    background-image: url('../img/paris.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;
}

#engagements .card {
    height: 100%;
    display: flex;
    flex-direction: column;
}

ul.centeredbutaligned {
    display: inline-block;
    margin-left: 50%;
    transform: translateX(-50%);
}