.L1{
    background-color: white;
    display: flex;
}
.L1 section{
    width: 25%;
    height: 300px;
    background-color: lightskyblue;
    margin-right: 10px;
}
.L1 aside{
    width: 75%;
    height: 300px;
    background-repeat: repeat;
    background-image: url(../img/cliffjump.jpg);
}


.L2{
    width: 100%;
    height: 500px;
    background-image: url(../img/pretty.jpg);
    margin-top: 10px;
    background-repeat: no-repeat;
    background-position: center center;
}


.L3{
    background-color: lightskyblue;
    height: 300px;
    width: 100%;
    margin-top: 10px;
}

.L4{
    display: flex;
    flex-direction: row;
    justify-content: stretch;
    gap: 10px;
    margin-top: 10px;

}
.L4 section{
    height: 300px;
    width: 50%;;
    background-color: lightskyblue;
}
.L5{
    height: 500px;
    width: 100%;
    background-color: lightskyblue;
    margin-top: 10px;
}
.L6{
    height: 150px;
    width: 100%;
    background-color: lightskyblue;
    margin-top: 10px;
    display: flex;
    justify-content: center;
    align-items: center
}
.L6 h{
    font-size: 75px;
    font-family: 'helvetica';
}

.L7{
    margin-top: 10px;
    display: flex;
    gap: 10px;

}
.L7 div{
    height: 600px;
    width: 25%;
    background-color: lightskyblue;
}