.w3-theme-l5 {color:#000 !important; background-color:#fbfaf8 !important}
.w3-theme-l4 {color:#000 !important; background-color:#f0eee9 !important}
.w3-theme-l3 {color:#000 !important; background-color:#e2ddd3 !important}
.w3-theme-l2 {color:#000 !important; background-color:#d3ccbd !important}
.w3-theme-l1 {color:#000 !important; background-color:#c4baa7 !important}
.w3-theme-d1 {color:#fff !important; background-color:#a99a7d !important}
.w3-theme-d2 {color:#fff !important; background-color:#9b8b6a !important}
.w3-theme-d3 {color:#fff !important; background-color:#897a5b !important}
.w3-theme-d4 {color:#fff !important; background-color:#76684e !important}
.w3-theme-d5 {color:#fff !important; background-color:#625741 !important}

.w3-theme-light {color:#000 !important; background-color:#fbfaf8 !important}
.w3-theme-dark {color:#fff !important; background-color:#625741 !important}
.w3-theme-action {color:#fff !important; background-color:#625741 !important}

.w3-theme {color:#000 !important; background-color:#b6aa92 !important}
.w3-text-theme {color:#b6aa92 !important}
.w3-theme-border {border-color:#b6aa92 !important}
.w3-hover-theme:hover {color:#000 !important; background-color:#b6aa92 !important}

.plum {background-color:#774163;}

.colorbuttons ul {
display:inline-block;
list-style:none;
margin: 0;
padding: 0;
margin-right:auto;
margin-left:auto;
text-align:center;
position: relative;
}

.colorbuttons li {
border: 0;
float:left;
}

.bluebutton li {
float:left;}

.bluebutton a:link{
background-color: #555555;
color: #fff;
border: 0;
font-size: 14px;
padding: 16px;
border-radius: 15%;
width: 100px;
margin-right: 10px;
text-decoration:none;
display: block;
}

.bluebutton a:visited {
color: #fff;
}

.bluebutton a:hover {
background-color: #4066B4;
color: #fff;
width: 100px;
margin-right: 10px;
text-decoration: none;
display: block;
}

.greenbutton li {
float:left;}

.greenbutton a:link{
background-color: #555555;
color: #fff;
border: 0;
font-size: 14px;
padding: 16px;
border-radius: 15%;
width: 100px;
margin-right: 10px;
text-decoration:none;
display: block;
}

.greenbutton a:visited {
color: #fff;
}

.greenbutton a:hover {
background-color: #4CAF50;
color: #fff;
width: 100px;
margin-right: 10px;
text-decoration: none;
display: block;
}

.multibutton li {
float:left;}

.multibutton a:link{
background-color: #555555;
color: #fff;
border: 0;
font-size: 14px;
padding: 16px;
border-radius: 15%;
width: 100px;
margin-right: 10px;
text-decoration:none;
display: block;
}

.multibutton a:visited {
color: #fff;
}

.multibutton a:hover {
background-color: #00BCD4;
color: #fff;
width: 100px;
margin-right: 10px;
text-decoration: none;
display: block;
}

.neutralbutton li {
float:left;}

.neutralbutton a:link{
background-color: #555555;
color: #fff;
border: 0;
font-size: 14px;
padding: 16px;
border-radius: 15%;
width: 100px;
margin-right: 10px;
text-decoration:none;
display: block;
}

.neutralbutton a:visited {
color: #fff;
}

.neutralbutton a:hover {
background-color: #c4baa7;
color: #fff;
width: 100px;
margin-right: 10px;
text-decoration: none;
display: block;
}

.orangebutton li {
float:left;}

.orangebutton a:link{
background-color: #555555;
color: #fff;
border: 0;
font-size: 14px;
padding: 16px;
border-radius: 15%;
width: 100px;
margin-right: 10px;
text-decoration:none;
display: block;
}

.orangebutton a:visited {
color: #fff;
}

.orangebutton a:hover {
background-color: #EC5004;
color: #fff;
width: 100px;
margin-right: 10px;
text-decoration: none;
display: block;
}

.purplebutton li {
float:left;}

.purplebutton a:link{
background-color: #555555;
color: #fff;
border: 0;
font-size: 14px;
padding: 16px;
border-radius: 15%;
width: 100px;
margin-right: 10px;
text-decoration:none;
display: block;
}

.purplebutton a:visited {
color: #fff;
}

.purplebutton a:hover {
background-color: #9C27B0;
color: #fff;
width: 100px;
margin-right: 10px;
text-decoration: none;
display: block;
}

.redbutton li {
float:left;}

.redbutton a:link{
background-color: #555555;
color: #fff;
border: 0;
font-size: 14px;
padding: 16px;
border-radius: 15%;
width: 100px;
margin-right: 10px;
text-decoration:none;
display: block;
}

.redbutton a:visited {
color: #fff;
}

.redbutton a:hover {
background-color: #B21418;
color: #fff;
width: 100px;
margin-right: 10px;
text-decoration: none;
display: block;
}

.yellowbutton li {
float:left;}

.yellowbutton a:link{
background-color: #555555;
color: #fff;
border: 0;
font-size: 14px;
padding: 16px;
border-radius: 15%;
width: 100px;
margin-right: 10px;
text-decoration:none;
display: block;
}

.yellowbutton a:visited {
color: #fff;
}

.yellowbutton a:hover {
background-color: #FFEB3B;
color: #616161;
width: 100px;
margin-right: 10px;
text-decoration: none;
display: block;
}

.social {
list-style-type: none;
padding: 0;
margin-top: 15px;
background-color: #fff;
color: #555555;
text-align: right;
}

.social a:visited {
background-color: #555555;
color: #fff;
}

.social a:link  {
background-color: #555555;
color: #fff;
text-decoration: none;
margin:5px;
}