body,html{
    box-sizing: border-box;
    margin: 0;
    background: #EFEFEF;
}


#navbar{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background: white;
    padding: 12px;
}

#navbar h1{
    display: inline;
    margin-left: 24px;
}

#navbar .brand-wrapper{
    display: flex;
    justify-content: center;
    align-items: center;
}

#navbar .brand{
    height: 60px;
}

section.hero{
    margin-top: 100px;
    display: flex;
    justify-content: space-around;
}
section.hero h1{
    font-size: xxx-large;
}

.d-inline{
    display: inline;
}
.d-flex{
    display: inline;
}

.btn{
    background: blue;
    border: none;
    padding: 12px 24px;
    color: white;
    font-size: large;
    border-radius: 24px;
}