:root {
    font-size: 14px;
}

.grid {
    grid-template-columns: 1fr 1fr 1fr 1fr;
}

.grid.family>div:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
}

.grid.family>div:nth-child(2) {
    grid-column: 3/5;
    grid-row: 1/3;
}

.grid.family>div:nth-child(3) {
    grid-column: 2/3;
    grid-row: 2/3;
}

.grid.family>div:nth-child(4) {
    grid-column: 1/2;
    grid-row: 2/3;
}

.grid.family>div:nth-child(5) {
    grid-column: 1/2;
    grid-row: 5/6;
}

.grid.family>div:nth-child(6) {
    grid-column: 2/3;
    grid-row: 5/6;
}

.grid.family>div:nth-child(7) {
    grid-column: 1/3;
    grid-row: 3/5;
}

.grid.family>div:nth-child(8) {
    grid-column: 3/4;
    grid-row: 3/4;
}

.grid.family>div:nth-child(9) {
    grid-column: 3/5;
    grid-row: 4/5;
}

.grid.family>div:nth-child(10) {
    grid-column: 4/5;
    grid-row: 3/4;
}

.grid.family>div:nth-child(11) {
    display: block;
    grid-column: 3/5;
    grid-row: 5/6;
}

.grid.concert>div:nth-child(1) {
    grid-column: 3/5;
    grid-row: 1/2;
}

.grid.concert>div:nth-child(2) {
    grid-column: 1/3;
    grid-row: 1/3;
}

.grid.concert>div:nth-child(3) {
    grid-column: 3/4;
    grid-row: 2/3;
}

.grid.concert>div:nth-child(4) {
    grid-column: 4/5;
    grid-row: 2/3;
}

.grid.concert>div:nth-child(5) {
    grid-column: 4/5;
    grid-row: 5/6;
}

.grid.concert>div:nth-child(6) {
    grid-column: 3/4;
    grid-row: 5/6;
}

.grid.concert>div:nth-child(7) {
    grid-column: 3/5;
    grid-row: 3/5;
}

.grid.concert>div:nth-child(8) {
    grid-column: 2/3;
    grid-row: 3/4;
}

.grid.concert>div:nth-child(9) {
    grid-column: 1/3;
    grid-row: 4/5;
}

.grid.concert>div:nth-child(10) {
    grid-column: 1/2;
    grid-row: 3/4;
}

.grid.concert>div:nth-child(11) {
    display: block;
    grid-column: 1/3;
    grid-row: 5/6;
}

.grid.event>div:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
}

.grid.event>div:nth-child(2) {
    grid-column: 3/5;
    grid-row: 1/2;
}

.grid.event>div:nth-child(3) {
    grid-column: 1/3;
    grid-row: 2/3;
}

.grid.event>div:nth-child(4) {
    grid-column: 3/5;
    grid-row: 2/3;
}

.grid.event>div:nth-child(5) {
    grid-column: 1/3;
    grid-row: 3/4;
}

.grid.event>div:nth-child(6) {
    grid-column: 3/5;
    grid-row: 3/4;
}

.grid.street>div:nth-child(1) {
    grid-column: 3/5;
    grid-row: 1/2;
}

.grid.street>div:nth-child(2) {
    grid-column: 1/3;
    grid-row: 1/3;
}

.grid.street>div:nth-child(3) {
    grid-column: 3/4;
    grid-row: 2/3;
}

.grid.street>div:nth-child(4) {
    grid-column: 4/5;
    grid-row: 2/3;
}

.grid.street>div:nth-child(5) {
    grid-column: 1/3;
    grid-row: 3/4;
}

.grid.street>div:nth-child(6) {
    grid-column: 3/5;
    grid-row: 3/4;
}

.grid.boudoir>div:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
}

.grid.boudoir>div:nth-child(2) {
    grid-column: 3/5;
    grid-row: 1/3;
}

.grid.boudoir>div:nth-child(3) {
    grid-column: 2/3;
    grid-row: 2/3;
}

.grid.boudoir>div:nth-child(4) {
    grid-column: 1/2;
    grid-row: 2/3;
}

.grid.boudoir>div:nth-child(5) {
    grid-column: 3/5;
    grid-row: 3/4;
}

.grid.boudoir>div:nth-child(6) {
    grid-column: 1/3;
    grid-row: 3/4;
}

.grid.about {
    grid-template-columns: repeat(6, 1fr);
}

.grid.about>div:nth-child(1) {
    grid-column: 1/3;
    grid-row: 1/2;
}

.grid.about>div:nth-child(2) {
    grid-column: 3/7;
    grid-row: 1/2;
    font-size: 1.3rem;
    font-weight: 100;
    color: rgb(171, 179, 199);
    line-height: 1.6;
    margin-top: -0.5rem;
}