body {
    font-family: "proxima-nova-condensed",sans-serif;
}

a {
    color:#8b00ff;
    text-decoration:underline;
}
.clear-float {
    clear:both;
}

.highlight {
    color:#ffc622;
}
.large {
    font-size:150%;
}
.row {
    display:table;
    width:100%;
    border-collapse: separate;
    border-spacing:30px;
}
.col {
    display:table-cell;
    width:30%;
}

img.display-left {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
}

img.display-right {
    float:right;
    margin-left:10px;
    margin-bottom:10px;
}

.button {
    background:#ffc622;
    display:inline-block;
    padding:5px;
    border:none;
    text-transform: uppercase;
    text-decoration:none;
    color:inherit;
}

ol.lettered {
    list-style-type:lower-alpha;
}
ol.roman {
    list-style-type: lower-roman;
}

p.tile {
    display: inline-block;
    width: 31%;
    padding: 1%;
    box-sizing: border-box;
    margin: 1%;
    background-color: rgba(255, 198, 34, 0.8);
    color: #000000;
    min-height: 20vw;
    vertical-align: top;
    font-size:13px;
    float: left;
}
p.tile:nth-child(3n+2) {
    background-color:rgba(255, 209, 100, 0.8);
}
p.tile:nth-child(3n+3) {
    background-color:rgba(255, 255, 255, 0.8);
}

p.tile:nth-child(5n) {
    background-color:rgba(255, 255, 255, 0.8);
}

p.tile:nth-child(5n+1) {
    background-color: rgba(255, 198, 34, 0.8);
}
p.tile:nth-child(7n+1) {
    background-color: rgba(255, 198, 34, 0.8);
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 24px;
}