div.bp-grid-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-template-rows: auto auto auto auto auto auto;
  grid-template-areas: 
  "info-header"
  "feat-img"
  "article"
  "author-profile"
  "archives"
  "footer";
}
body {
  font-family: 'Open Sans', sans-serif;
  font-size: 16px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
}

div.section-1 {
  grid-area: info-header;
}
div.bp-section-1-flexbox-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
div.bp-section-1-flexbox-container .spiritual {
  color:#1898c2;
}
div.bp-section-1-flexbox-container .charity {
  color: #1a7434;
}
div.bp-section-1-flexbox-container .health {
  color: #f19125;
}
div.bp-section-1-flexbox-container .profile-pic {
  width: 100px;
  height: auto;
  border-radius: 50%;
}
div.bp-section-1-flexbox-container a {
  color: #c70039;
}
div.bp-section-1-flexbox-container .social-handler {
  text-decoration: none;
  color: #c70039;
}

div.section-2 {
  grid-area: feat-img;
}
div.bp-section-2-flexbox-container {
  display: flex;
  justify-content: center;
}
div.section-2 img {
  width: 100%;
  height: 30%;
}


div.section-3 {
  grid-area: article;
}
article {
  padding: 15px;
}
div.bp-section-3-flexbox-container {
  display: flex;
  flex-wrap: wrap;
}
blockquote {
  margin: 0;
}
blockquote p {
  padding: 15px;
  background: #eee;
  border-radius: 5px;
}
blockquote p::before {
  content: '\201C';
}
blockquote p::after {
  content: '\201D';
}

div.section-4 {
  grid-area: author-profile;
  padding: 15px;
}
div.section-4 h1 {
  text-align: center;
}

div.section-5 {
  grid-area: archives;
  padding: 15px;
}
div.bp-section-5-flexbox-container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
div.archive-links {
  display: flex;
  flex-direction: column;
  align-items: center;
}
div.archive-links a { 
  color: #c70039;
  padding-bottom: 10px;
}

div.section-6 {
  grid-area: footer;
}
div.bp-section-6-flexbox-container {
  display: flex;
  justify-content: space-evenly;
  color: #fff;
  background-color: #1c2833;
  padding-top: 55px;
  padding-bottom: 55px;
}
footer div.credit {
  text-align: center;
  font-size: 0.7rem;
  background-color: #1c2833;
  color: #b3b6b7;
}
div.credit .credit-link, figcaption {
  color: #b3b6b7;
}

div.bp-section-6-flexbox-container div.archive-links {
  display: flex;
  flex-direction: column;
}

@media(min-width: 600px) {
  div.bp-grid-container {
    display: grid;
    grid-template-columns: 250px 2fr;
    grid-template-rows: auto auto auto auto auto;
    grid-template-areas: 
    "info-header feat-img"
    "info-header article"
    "author-profile article"
    "archives article"  
    "footer footer";
    max-width: 1200px;
    margin-left: auto;
    margin-right: auto;
  }
  div.section-1 {
    grid-area: info-header;
  }
  div.bp-section-1-flexbox-container h1{
    text-align: center;
  }
  div.bp-section-1-flexbox-container .profile-pic {
    width: 150px;
    height: auto;
  }
  
  div.section-2 {
    grid-area: feat-img;
  }
  div.section-2 img {
  width: 100%;
  height: 50%;
  }
  div.section-3 {
    grid-area: article;
    max-width: 800px;
    margin-left: auto;
    margin-right: auto;
  }
  div.section-4 {
    grid-area: author-profile;
  }
  div.bp-section-4-flexbox-container p {
    color: #535353;
  }
  div.section-5 {
    grid-area: archives;
  }
  div.section-6 {
    grid-area: footer;
  }
}