.container-grid.main-grid {
  display: grid;
  grid-template-columns: minmax(5%, auto) 90% minmax(5%, auto);
  grid-template-rows: auto;
}

.container-grid.main-grid-center-column {
  grid-area: auto /2/ auto / auto;
}

h1.title-heading {
  font-size: 28px;
  font-weight: 900;
  text-align: center;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

h3.botanical-name-heading {
  font-size: 22px;
  font-weight: 700;
  font-style: italic;
  text-align: center;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
}

p.paragraph.plant-care-sheet-link {
  font-size: 11px;
  font-weight: 700;
  text-align: center;
  color: #0064cd;
}

.container-grid.plant-info-grid {
  display: grid;
  grid-area: auto /2/ auto / auto;
  grid-template-columns: minmax(1%, auto) 44% 54% minmax(1%, auto);
  grid-template-rows: auto;
}

.container-grid.plant-info-text-block
{ font-weight: 500;
  font-size: 11px;
  font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  text-align: left;
  grid-area: auto /3/ auto / auto;
}

.container-grid.plant-info-photo-container {
  margin-top: 10px;
  padding-top: 0;
}

div.responsive-picture.plant-info-photo {
  float: right;
  grid-area: auto /2/ auto / auto;
  margin: 0 auto 10px;
  max-width: none;
  width: 160px;
}

div.responsive-picture.range-map-photo {
  float: right;
  margin-right: 0;
  margin-bottom: 10px;
  margin-left: 10px;
}

.container-grid.main-text-block-container {
  margin-top: 10px;
  padding-top: 0;
}

p.paragraph.description-text {
  font-size: 12px;
}

p.paragraph span.bold-text {
  font-weight: 700;
}
  
p.paragraph a.inline-link {
  font-size: 12px;
  font-weight: 700;
  color: #0064cd;
  text-decoration: none;
}
  
.rule#section-divider hr {
  border-top-width: 2px;
  border-top-color: #003600;
}

.container-grid.footer-links {
  display: grid;
  grid-template-columns: repeat(4 , minmax(auto, 75px));
  grid-template-rows: auto;
}

a.social-image.social-icon-about-us {
  margin-left: 0;
  background-color: #0064cd;
  grid-area: auto /1/ auto / auto;
}

a.social-image.social-icon-contact-us {
  margin-left: 10px;
  background-color: #0064cd;
  grid-area: auto /2/ auto / auto;
}

a.social-image.social-icon-facebook {
  margin-left: 10px;
  background-color: #0064cd;
  grid-area: auto /3/ auto / auto;
}

a.social-image.social-icon-twitter {
  margin-left: 10px;
  background-color: #0064cd;
  grid-area: auto /4/ auto / auto;
}

p.paragraph.message-text {
    font-size: 11px;
    font-weight: 500;
    font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
  }  

@media screen and (min-width: 36rem) {

    .container-grid.main-grid {
        display: grid;
        grid-template-columns: minmax(5%, auto) 90% minmax(5%, auto);
        grid-template-rows: auto;
      }
    
      h1.title-heading {
        font-size: 28px;
        font-weight: 900;
        text-align: center;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
      }
      
      h3.botanical-name-heading {
        font-size: 22px;
        font-weight: 700;
        font-style: italic;
        text-align: center;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
      }
      
      p.paragraph.plant-care-sheet-link {
        font-size: 13px;
        font-weight: 700;
        text-align: center;
        color: #0064cd;
      }
      
      .container-grid.plant-info-grid {
        display: grid;
        grid-area: auto /2/ auto / auto;
        grid-template-columns: minmax(1%, auto) 50% 48% minmax(1%, auto);
        grid-template-rows: auto;
      }
      
      .container-grid.plant-info-text-block
      { font-weight: 500;
        font-size: 12px;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
        justify-content: left;
        grid-area: auto /3/ auto / auto;
      }
      
      div.responsive-picture.plant-info-photo {
        grid-area: auto /2/ auto / auto;
        margin: 0 auto 10px;
        max-width: none;
        width: 230px;
      }
      
      p.paragraph.description-text {
        font-size: 12px;
      }
      
      p.paragraph a.inline-link {
        font-size: 12px;
        font-weight: 700;
        color: #0064cd;
        text-decoration: none;
      }

      p.paragraph.message-text {
        font-size: 12px;
        font-weight: 500;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
      }
      
}

@media screen and (min-width: 48rem) {

    .container-grid.main-grid {
        display: grid;
        grid-template-columns: minmax(5%, auto) 90% minmax(5%, auto);
        grid-template-rows: auto;
      }
    
    h1.title-heading {
        font-size: 28px;
        font-weight: 900;
        text-align: center;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
      }
      
      h3.botanical-name-heading {
        font-size: 22px;
        font-weight: 700;
        font-style: italic;
        text-align: center;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
      }
      
      p.paragraph.plant-care-sheet-link {
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        color: #0064cd;
      }

      .container-grid.plant-info-grid {
        display: grid;
        grid-area: auto /2/ auto / auto;
        grid-template-columns: minmax(2%, auto) 56% 40% minmax(2%, auto);
        grid-template-rows: auto;
      }
      
      .container-grid.plant-info-text-block
      { font-weight: 500;
        font-size: 14px;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
        justify-content: left;
        grid-area: auto /3/ auto / auto;
      }
      
      div.responsive-picture.plant-info-photo {
        grid-area: auto /2/ auto / auto;
        margin: 0 auto 10px;
        max-width: none;
        width: 360px;
      }
      
      p.paragraph.description-text {
        font-size: 14px;
      }
      
      p.paragraph a.inline-link {
        font-size: 14px;
        font-weight: 700;
        color: #0064cd;
        text-decoration: none;
      }

      p.paragraph.message-text {
        font-size: 14px;
        font-weight: 500;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
      }
      
}

@media screen and (min-width: 62rem) {

    .container-grid.main-grid {
        display: grid;
        grid-template-columns: minmax(15%, auto) 70% minmax(15%, auto);
        grid-template-rows: auto;
      }
    
    h1.title-heading {
        font-size: 28px;
        font-weight: 900;
        text-align: center;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
      }
      
      h3.botanical-name-heading {
        font-size: 22px;
        font-weight: 700;
        font-style: italic;
        text-align: center;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
      }
      
      p.paragraph.plant-care-sheet-link {
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        color: #0064cd;
      }
      
      .container-grid.plant-info-grid {
        display: grid;
        grid-area: auto /2/ auto / auto;
        grid-template-columns: minmax(1%, auto) 59% 39% minmax(1%, auto);
        grid-template-rows: auto;
      }
      
      .container-grid.plant-info-text-block
      { font-weight: 500;
        font-size: 14px;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
        justify-content: left;
        grid-area: auto /3/ auto / auto;
      }
      
      div.responsive-picture.plant-info-photo {
        grid-area: auto /2/ auto / auto;
        margin: 0 auto 10px;
        max-width: none;
        width: 400px;
      }
      
      p.paragraph.description-text {
        font-size: 16px;
      }
      
      p.paragraph a.inline-link {
        font-size: 16px;
        font-weight: 700;
        color: #0064cd;
        text-decoration: none;
      }

      p.paragraph.message-text {
        font-size: 14px;
        font-weight: 500;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
      }
      
}

@media screen and (min-width: 76rem) {

    .container-grid.main-grid {
        display: grid;
        grid-template-columns: minmax(10%, auto) 80% minmax(10%, auto);
        grid-template-rows: auto;
      }
    
    h1.title-heading {
        font-size: 28px;
        font-weight: 900;
        text-align: center;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
      }
      
      h3.botanical-name-heading {
        font-size: 22px;
        font-weight: 700;
        font-style: italic;
        text-align: center;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
      }
      
      p.paragraph.plant-care-sheet-link {
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        color: #0064cd;
      }
      
      .container-grid.plant-info-grid {
        display: grid;
        grid-area: auto /2/ auto / auto;
        grid-template-columns: minmax(1%, auto) 66% 32% minmax(1%, auto);
        grid-template-rows: auto;
      }
      
      .container-grid.plant-info-text-block
      { font-weight: 500;
        font-size: 16px;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
        justify-content: left;
        grid-area: auto /3/ auto / auto;
      }
      
      div.responsive-picture.plant-info-photo {
        grid-area: auto /2/ auto / auto;
        margin: 0 auto 10px;
        max-width: none;
        width: 600px;
      }
      
      p.paragraph.description-text {
        font-size: 16px;
      }
      
      p.paragraph a.inline-link {
        font-size: 16px;
        font-weight: 700;
        color: #0064cd;
        text-decoration: none;
      }

      p.paragraph.message-text {
        font-size: 16px;
        font-weight: 500;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
      }
      
}

@media screen and (min-width: 90rem) {

    .container-grid.main-grid {
        display: grid;
        grid-template-columns: minmax(15%, auto) 70% minmax(15%, auto);
        grid-template-rows: auto;
      }
    
    h1.title-heading {
        font-size: 28px;
        font-weight: 900;
        text-align: center;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
      }
      
      h3.botanical-name-heading {
        font-size: 22px;
        font-weight: 700;
        font-style: italic;
        text-align: center;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
      }
      
      p.paragraph.plant-care-sheet-link {
        font-size: 16px;
        font-weight: 700;
        text-align: center;
        color: #0064cd;
      }
      
      .container-grid.plant-info-grid {
        display: grid;
        grid-area: auto /2/ auto / auto;
        grid-template-columns: minmax(2%, auto) 60% 36% minmax(2%, auto);
        grid-template-rows: auto;
      }
      
      .container-grid.plant-info-text-block
      { font-weight: 500;
        font-size: 16px;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
        text-align: left;
        grid-area: auto /3/ auto / auto;
      }
      
      div.responsive-picture.plant-info-photo {
        float: right;
        grid-area: auto /2/ auto / auto;
        margin: 0 auto 10px;
        max-width: none;
        width: 580px;
      }
      
      p.paragraph.description-text {
        font-size: 16px;
      }
      
      p.paragraph a.inline-link {
        font-size: 16px;
        font-weight: 700;
        color: #0064cd;
        text-decoration: none;
      }

      p.paragraph.message-text {
        font-size: 16px;
        font-weight: 500;
        font-family: Arial, 'Helvetica Neue', Helvetica, sans-serif;
      }
      
}