body {
    background: #eee;
}

nav.navbar {
    width: 100%;
    padding: 8px 32px;
}

nav.navbar.bg-restart {
    background-color: #3b8281;
}

nav.navbar.bg-restart a, nav.navbar.bg-restart button span, nav.navbar.bg-restart li.nav-item a {
    color: #fff;
}

nav.navbar.bg-restart .nav-item.dropdown .dropdown-menu a.dropdown-item {
    color: initial;
}

nav.navbar .navbar-brand .restart-logo {
    background-image: url('images/restart-logo.svg');
    display: block;
    width: 212px;
    height: 32px;
}

.wrapper {
    max-width: 1278px;
    margin: 0 auto;
    padding: 32px 16px;
}

.form-group {
    padding: 8px 0;
}

.btn {
    border-radius: 100px;
    transition: all .2s ease-in-out;
    padding: 12px 32px;
    opacity: 1;
    cursor: pointer;
}

.btn:disabled {
    opacity: .6;
    cursor: not-allowed;
}

.btn.btn-brocolli {
    background-color: #95a7a3;
    border: 6px solid #d5dcda;
    color: #364757;
}

.btn.btn-brocolli:not(:disabled):hover {
    background-color: #56736d;
    border-color: #95a7a3;
    color: #fff;
}

.alert.alert-info {
    background-color: #D5DCDA;
    border-color: #95A7A3;
}

input[type="range"]::-webkit-slider-thumb {
    background-color: #95A7A3;
}

@media (max-width: 768px) {
    nav.navbar .navbar-brand .restart-logo {
        background-size: 153px 21.68px;
        width: 153px;
        height: 21.68px;
    }
}