.grid-layout .drawings{
    display:grid;
    grid-template-columns: 90%;
    grid-template-rows: auto;
    margin: 5%;
}

.grid-layout .paintings{
    display:grid;
    grid-template-columns: 90%;
    grid-template-rows: auto;
    margin: 5%;
}

.grid-layout .boxes{
    display:grid;
    grid-template-columns: auto auto;
    grid-template-rows: auto auto;
    margin: 5%;
}

.grid-layout#index article{
    display: grid;
    grid-template-rows: auto auto;
} 

.grid-layout#index article{
    display: grid;
    grid-template-columns: auto;
    grid-template-areas: "first"
              "second";
} 

.home1{
    grid-area: second;
     margin-left: 0%;
    display: grid;
    grid-template-areas: "p3" "dog";
}

.homeP3{
    grid-area: p3;
}


.home2{
    grid-area: first;
}

.pizza{
    grid-area: pizza;
    margin-left: 5%;
    margin-right: 0%;
}

.dog{
    margin-right: 10%;
    grid-area: dog;
}

.grid-layout#about .all{
    display: grid;
    grid-template-columns: auto;
    grid-template-areas: "first" "second";
}

.aboutImg1{
    grid-area: iceland;
    margin-left: 0%;
    margin-right: 25%;
}

.aboutImg2{
    grid-area: obama1;
    width: 75%;
    margin-left: 10%;
}

.aboutImg3{
    grid-area: obama2;
    width: 75%;
     margin-left: 10%;
}

.grid-layout#about article h3{
    margin-left: 0%;
    grid-area: funFact;
}

.aboutParagraph1{
    grid-area: para1;
    margin-left: 13%;
    margin-right: 0%;
}

.aboutParagraph2{
    grid-area: funFactPara;
    margin-right: 25%;
    padding-left: 0%;
}

.right{
    grid-area: first;
}

.left{
    grid-area: second;
    display: grid;
    grid-template-areas: "funFact" "funFactPara" "iceland";
}

.toTop a{
    margin-right: -90%;
}

.headings{
    padding-top: 20%;
}