.row.row1 { background-color:#bbb9d5; }
.row.row2 { background-color:#b2ded8; }
.row.row3 { background-color:#cfe8f0; }
.row.row4 { background-color:#e3e1da; }
.row.row5 { background-color:#f7deb2; }
.row.row6 { background-color:#fff8c6; }

.row1 .col1 { background-color:#bbb9d5; }
.row2 .col1 { background-color:#7fc9bf; }
.row3 .col1 { background-color:#c0e1ec; }
.row4 .col1 { background-color:#d0cdc2; }
.row5 .col1 { background-color:#ecb24d; }
.row6 .col1 { background-color:#ffee43; }

.col2.active1 { background-color:#bbb9d5; }
.col2.active2 { background-color:#7fc9bf; }
.col2.active3 { background-color:#c0e1ec; }
.col2.active4 { background-color:#d0cdc2; }
.col2.active5 { background-color:#ecb24d; }
.col2.active6 { background-color:#ffee43; }

.content1 .toggle-description:hover, .content1 a:hover, .content1 h1, .content1 h2, .content1 h3 { color:#89889c; }
.content2 .toggle-description:hover, .content2 a:hover, .content2 h1, .content2 h2, .content2 h3 { color:#639b93; }
.content3 .toggle-description:hover, .content3 a:hover, .content3 h1, .content3 h2, .content3 h3 { color:#7b9097; }
.content4 .toggle-description:hover, .content4 a:hover, .content4 h1, .content4 h2, .content4 h3 { color:#84827c; }
.content5 .toggle-description:hover, .content5 a:hover, .content5 h1, .content5 h2, .content5 h3 { color:#9d7734; }
.content6 .toggle-description:hover, .content6 a:hover, .content6 h1, .content6 h2, .content6 h3 { color:#b6aa31; }