#about {
    height: 96vw;
    background-image: url("/images/weston-super-mare_half_marathon_1600x1536.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

@media only screen and (min-height: 50vw) {
    #about {
        height: 144vw;
        background-image: url("/images/weston-super-mare_half_marathon_1600x2304.jpg");
    }
}

@media only screen and (min-height: 100vw) {
    #about {
        height: 240vw;
    }
}

#about div {
    box-sizing: border-box;
    padding: 4vw;
}

#about div h1 {
    color: #ffcc00;
    text-align: left;
}

#about p {
    margin-bottom: 1vw;
}