.row.row1 { background-color:#f6c77f; }
.row.row2 { background-color:#f2b0b9; }
.row.row3 { background-color:#f1a595; }
.row.row4 { background-color:#fbebba; }
.row.row5 { background-color:#dbe8cb; }
.row.row6 { background-color:#e2d87f; }

.row1 .col1 { background-color:#efa733; }
.row2 .col1 { background-color:#ea7f8d; }
.row3 .col1 { background-color:#e87055; }
.row4 .col1 { background-color:#f8df91; }
.row5 .col1 { background-color:#c5dbae; }
.row6 .col1 { background-color:#d1c233; }

.col2.active1 { background-color:#efa733; }
.col2.active2 { background-color:#ea7f8d; }
.col2.active3 { background-color:#e87055; }
.col2.active4 { background-color:#f8df91; }
.col2.active5 { background-color:#c5dbae; }
.col2.active6 { background-color:#d1c233; }

.content1 .toggle-description:hover, .content1 a:hover, .content1 h1, .content1 h2, .content1 h3 { color:#eb910f; }
.content2 .toggle-description:hover, .content2 a:hover, .content2 h1, .content2 h2, .content2 h3 { color:#ea7f8d; }
.content3 .toggle-description:hover, .content3 a:hover, .content3 h1, .content3 h2, .content3 h3 { color:#e87055; }
.content4 .toggle-description:hover, .content4 a:hover, .content4 h1, .content4 h2, .content4 h3 { color:#f2c742; }
.content5 .toggle-description:hover, .content5 a:hover, .content5 h1, .content5 h2, .content5 h3 { color:#a5c882; }
.content6 .toggle-description:hover, .content6 a:hover, .content6 h1, .content6 h2, .content6 h3 { color:#d1c233; }