.brown { background: #7d4921;}
.bd-1 {background: #70411d;}
.bd-2 {background: #643a1a;}
.bd-3 {background: #573317;}
.bd-4 {background: #4b2b13;}
.bd-5 {background: #3e2410;}
.bd-6 {background: #321d0d;}
.bd-7 {background: #251509;}
.bd-8 {background: #190e06;}
.bd-9 {background: #0c0703;}

.bl-1 {background: #8a5b37;}
.bl-2 {background: #976d4d;}
.bl-3 {background: #a47f63;}
.bl-4 {background: #b19179;}
.bl-5 {background: #bea490;}
.bl-6 {background: #cbb6a6;}
.bl-7 {background: #d8c8bc;}
.bl-8 {background: #e5dad2;}
.bl-9 {background: #f2ece8;}

.yellow {background: #ffd785;}
.yd-1 {background: #e5c177;}
.yd-2 {background: #ccac6a;}
.yd-3 {background: #b2965d;}
.yd-4 {background: #99814f;}
.yd-5 {background: #7f6b42;}
.yd-6 {background: #665635;}
.yd-7 {background: #4c4027;}
.yd-8 {background: #332b1a;}
.yd-9 {background: #19150d;}

.yl-1 {background: #ffdb91;}
.yl-2 {background: #ffdf9d;}
.yl-3 {background: #ffe3a9;}
.yl-4 {background: #ffe7b5;}
.yl-5 {background: #ffebc2;}
.yl-6 {background: #ffefce;}
.yl-7 {background: #fff3da;}
.yl-8 {background: #fff7e6;}
.yl-9 {background: #fffbf2;}

/*.navbar-custom {background-color: #976d4d;}
.navbar-custom .navbar-brand, .navbar-custom .navbar-text {color: #ffe7b5;}
*/
.carousel-dark {background-color: rgba(255, 255, 255, 0.75);}