/* Color Palette */

.bg {
    background-color: #121212;
}
.red {
    background-color: red;
}
.orange {
    background-color: orange;
}
.yellow {
    background-color: yellow;
}
.green {
    background-color: green;
}
.blue {
    background-color: blue;
}
.indigo {
    background-color: blueviolet;
}
.purple {
    background-color: purple;
}

/* Page */

.page {
    width: 80%;
    margin: 0 auto;
}

/* Header */

header {
    box-sizing: border-box;
    width: 100%;
    height: 80px;
    padding: 24px 1.6667%;
}
.button {
    width: 80px;
    height: 24px;
    float: right;
}

/* Rows */

.row1 {
    height: 350px;
    padding: 24px 1.6667%; /* 24 / 1440 = .016667 */
}
.row2 {
    height: 250px;
    width: 100%;
}
.row3 {
    height: 450px;
    padding: 24px 1.25%;
}

/* Columns */

.one-third {
    width: 33.33333333%; /* 480 / 1440 = .3333333333 */
    height: 100%;
    float: left;
}
.two-thirds {
    width: 66.666666667%; /* 960 / 1440 = .666666667 */
    height: 100%;
    float: left;
}
.one-quarter {
    width: 25%; /* 360 / 1440 = .25 */
    height: 100%;
    float: left;
}
.two-quarters {
    width: 50%;
    height: 100%;
    float: left;
}
.one-fifth {
    width: 20%; /* 288 / 1440 = .20 */
    height: 100%;
    float: left;
}