/* Homepage */

.homepage {
  display: flex;
  flex-direction: row;
  align-items: center;
}


.container-mainindex {
  display: grid;
  grid-template-columns: 1fr;
   grid-template-areas: 
    "photo1"
    "para1"
    "photo2"
    "para2"
    "photo3"
    "para3"
    "photo4"
    "para4";
    align-items: center;
    justify-content: center;
    justify-items: center;

}

.grid-item-1 { grid-area: para1;}
.grid-item-2 { grid-area: photo1;}
.grid-item-3 { grid-area: photo2;}
.grid-item-4 { grid-area: para2;}
.grid-item-5 { grid-area: para3;}
.grid-item-6 { grid-area: photo3;}
.grid-item-7 { grid-area: photo4;}
.grid-item-8 { grid-area: para4;}



@media only screen and (min-width: 860px) {
  .container-mainindex {
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-areas: 
     "para1 para1 photo1"
     "photo2 para2 para2"
     "para3 para3 photo3"
     "photo4 para4 para4";
 
  }
}