.b-brown {
    margin-bottom: 25px;
    padding: 20px 40px;
    text-transform: uppercase;
    font-family: 'allerbold';
    background-color: #483f36;
    color: #fff;
    display: inline-block;
} 

.b-brown:hover {
    color: #fff;
    text-decoration: none;
    background-color: #564c42;
}


.b-grey {
    margin-bottom: 25px;
    padding: 20px 60px;
    text-transform: uppercase;
    font-family: 'allerbold';
    background-color: #eee;
    color: #838383;
    display: inline-block;
} 

.b-grey:hover {
    color: #fff;
    text-decoration: none;
    background-color: #564c42;
}


.b-light-brown {
    text-transform: uppercase;
    font-family: 'allerbold';
    background-color: #837d77;
    color: #fff;
} 

.b-light-brown:hover {
    color: #fff;
    text-decoration: none;
    background-color: #9d9a96;
}

.b-ultra-light-brown {
    text-transform: uppercase;
    font-family: 'allerbold';
    background-color: #9d9a96;
    color: #fff;
    display: inline-block;
} 

.b-ultra-light-brown:hover {
    color: #fff;
    text-decoration: none;
    background-color: #c8c6c3;
}