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

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

.logo{
    background-size: contain;
    height: 134px;
    grid-row:1/2; 
    grid-column: 1/2;
    background-image: url(logo.png);
}


.header{
    background-color: #EBDAF3;
    height: 134px; 
    grid-row: 1/2;
    grid-column: 2/7;
}
.home{
    background-size: contain;
    height: 678px; 
    grid-row: 2/3;
    grid-column: 1/7;
    background-image: url(home.jpg);
    width: 100%;
    height: auto;
    
}
.container{
    background-color: #D9D9D9;
    height: 750px;
    grid-row: 3/5;
    grid-column: 2/-2;
    display:flex;
    flex-direction: column;
    border-style: solid;
    border-width: 3px
    
}
.footer{
    background-color: #EBDAF3;
    height: 107px;
    grid-row: 5/6;
    grid-column: 1/7;
    text-align: center;
}
.box1{
    background-color: #A772BD;
    color: white;
    height: 409px;
    grid-row: 2/3;
    grid-column: 2/6;
}
.box2{
    background-color:#A772BD;
    color: white;
    height: 409px;
    grid-row: 3/4;
    grid-column: 2/6;
}
.box3{
    background-color: #A772BD; 
    color: white;
    height: 409px;
    grid-row: 4/5;
    grid-column: 2/6;
}

.preschool{
    color: white;
    background-color: #A772BD;
    height: 409px;
    grid-row: 2/3;
    grid-column: 2/6;
}
.junior{
    color: white;
    background-color:#A772BD;
    height: 409px;
    grid-row: 3/4;
    grid-column: 2/6;
}
.senior{
    color: white;
    background-color: #A772BD;
    height: 409px;
    grid-row: 4/5;
    grid-column: 2/6;
}
.registration{
    background-color:#D9D9D9;
    height: 1472px;
    grid-row: 2/5;
    grid-column: 2/6;
}
.little{
    background-size: contain;
    background-image: url(little.jpg);
    height: 619px;
    grid-row: 2/4;
    grid-column: 2/6;
    width: 100%;
    height: auto;
}
.box{
    background-color:white;
    border-style: solid;
    border-width: 3px;
    height: 206px;
    grid-row: 3/4;
    grid-column: 2/6;
}
.big{
    background-size: contain;
    background-image: url(big.jpg);
    height: 699px;
    grid-row: 4/6;
    grid-column: 2/6;
    width: 100%;
    height: auto;
}
.nav{
    font-weight: thin;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 35px;
    text-align: center;
    word-spacing: 50px;
}
.nav li{
    list-style: none;
    display: inline-block;
}
.main{
    margin-left: 75px;
    margin-right: 75px;

}
.contact{
    margin-left: 75px;
    margin-right: 75px;
}
h2{
    padding-left: 75px;
    font-size: 30pt;
    font-family: 'Times New Roman', Times, serif;
}
p{
    margin-left: 75px;
    margin-right: 75px;
    font-size: 15pt;
    line-height: 50px;
}
.box h1{
    font-size: 40pt;
    text-align: center;
}
.box p{
    font-size: 25pt;
    text-align: center;
}