.bg-image-extra {
    height: 60vh;
    width: 100vw;
    background-size: cover;
    background-position: center;
}



.btn-primary {
    color: black;
    background-color: #EFF2F6ff;
    border-color: black;
}

.btn-primary:hover {
    color: black;
    background-color: #EFF2F6ff;
    border-color: black;
}

.btn-primary:focus {
    color: black;
    background-color: #EFF2F6ff;
    border-color: black;
}

.img-extra:hover {
    opacity: 0.7;
}

.btn-on-img {
    position: relative;
    top: -50px;
    left: 45%;
    /* TODO button is not always nice */
}

.box {
    width: 100%;
    padding-bottom: 100%;
    background-color: pink;
    margin-bottom: 10px;
}

.scroll-to {
    scroll-margin-top: 100px;
}