.hero-image {
    max-width: 960px;
    margin: 2em auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 10px;
  }

.hero-image article {
    text-align: left;
}

.hero-image article h1 {
    text-align: left;
}

.hero-image article p {
    font-size: 1.2em;
}


.hero-image aside img {
    width: 100%;
}

/* Start header box */

.header-box {
    display: block;
    max-width: 960px;
    margin: 0 auto;
    border-top: solid 1px black;
    border-bottom: solid 1px black;
}


/* Start Two Columns */

.two-column {
    max-width: 960px;
    margin: 2em auto;
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 20px;

}

.two-column img {
    width: 100%;
}

/* Start Three Columns */

.three-column {
    max-width: 960px;
    margin: 2em auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-gap: 20px;
}

.three-column img {
    width: 100%;
}


/* Start descriptive paragraph */

.text-container {
    max-width: 960px;
    margin: 0 auto;
}

.text-container h3 {
    text-align: center;
}



.hero-image article p {
    grid-row: 2/3;
    grid-column: 1/3;
 }


 @media only screen and (max-width: 768px){
    .hero-image article {
        grid-row: 2/3;
        grid-column: 1/3;
        text-align: center;
        width: 80%;
        justify-self: center;
     }

     .hero-image article h1 {
        text-align: center;
     }

     .hero-image aside {
       grid-column: 1/3;
       width: 70%;
       justify-self: center;
     }

}