body{
    margin:0;
    padding: 0;
    font-family: "Ariel", serif;
    line-height: 1.5rem;
}

#wrapper{
    display:grid;
    grid-template-columns: 
    1fr 
    repeat(4, 250px)
    1fr 
    ;
    grid-gap:0px;
    grid-auto-rows: minmax(0px,auto)
    ;
}

.logo{
    background-color: orange;
    height: 134px;
    grid-row:1/2; 
    grid-column: 1/3;
}


.header{
    background-color: red;
    height: 134px; 
    grid-row: 1/2;
    grid-column: 3/7;
}
.picture{
    background-color:purple;
    height: 678px; 
    grid-row: 2/4;
    grid-column: 1/7;
}
.main{
    background-color:greenyellow;
    height: 750px;
    grid-row: 4/5;
    grid-column: 2/-2
}
.footer{
    background-color:yellow;
    height: 107px;
    grid-row: 5/6;
    grid-column: 1/7;
}
.alana{
    background-color:pink;
    height: 409px;
    grid-row: 2/3;
    grid-column: 2/6;
}
.shelby{
    background-color:blueviolet;
    height: 409px;
    grid-row: 3/4;
    grid-column: 2/6;
}
.siena{
    background-color:orange;
    height: 409px;
    grid-row: 4/5;
    grid-column: 2/6;
}
.preschool{
    background-color:pink;
    height: 409px;
    grid-row: 2/3;
    grid-column: 2/6;
}
.junior{
    background-color:blueviolet;
    height: 409px;
    grid-row: 3/4;
    grid-column: 2/6;
}
.senior{
    background-color:orange;
    height: 409px;
    grid-row: 4/5;
    grid-column: 2/6;
}
.registration{
    background-color:greenyellow;
    height: 1472px;
    grid-row: 2/5;
    grid-column: 2/6;
}
.classpicture{
    background-color:pink;
    height: 779px;
    grid-row: 2/4;
    grid-column: 1/7;
}
.box{
    background-color:grey;
    height: 206px;
    grid-row: 3/4;
    grid-column: 2/6;
}
.classpicture2{
    background-color:blue;
    height: 585px;
    grid-row: 4/6;
    grid-column: 1/7;
}
.nav{
    font-size: 25px;
    text-align: center;
}
.nav li{
    list-style: none;
    display: inline-block;
}