body{
    margin:0;
    padding:0;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.5em;
}


#site_wrap{
    background-color:white;
    height:100vh;
    display:grid;
    grid-template-columns: 
        1fr 
        272px
        272px
        272px
        272px
        1fr
    ;
     grid-gap:5px;  
     grid-template-rows:
        215px
        104px
        min-content
        373px
        1fr
    ;  
    grid-template-areas:
          ". header header header header ."
          "featured_header featured_header featured_header featured_header featured_header featured_header"
          ". featured_main featured_main featured_main featured_profile ."
          ". content content content content ."
          "footer footer footer footer footer footer"
}

.header{
    background-color: mediumspringgreen;
    grid-area:header;
    display:flex;
    align-items: center;
    justify-content: space-between;
}

.header .logo{
    width:85px
}
.featured_header{
    background-color: mediumspringgreen;
    grid-area:featured_header;
    display:flex;
    align-items:center;
    justify-content: space-between;
}
.featured_header .nav{
   list-style: none;
    padding:0;
    display:flex;
}
.featured_header .nav a{
      text-decoration:none;
    border:2px solid #a52a2a;
    border-radius:55em;
    color: #a52a2a;
    padding:20px 35px;
    margin: 0 60px;
    text-transform:uppercase;
    font-weight:bolder

}
.featured_header .nav a:hover, .featured_header .nav .active{
    background-color:#a52a2a;
    color: white; 
}
.featured_main{
    background-color: tan;
    grid-area:featured_main;
}
.featured_main h1{
    color:rgb(1, 49, 1);
}
.featured_main p{
    color:rgb(1, 49, 1);

}
.featured_profile{
  padding:0em 0em;
  grid-area:featured_profile;
}
.featured_profile .png{
   width:275px
}

.content{
   background-color: tan;
    grid-area:content;
    background-size: cover;
    background-image:url(laid\ out\ herbs.jpg);
}
.footer{
    background-color: tan;
    color:#a52a2a;
    text-align:center;
        grid-area:footer;
}
@media screen and (max-width:480px){
    #site_wrap{
        grid-template-rows:
        min-content
        104px
        min-content
        min-content
        1fr
        grid-template-areas:
        "header header header header header header"
          "featured_header featured_header featured_header featured_header featured_header featured_header"
          "featured_main featured_main featured_main featured_main featured_profile ."
          "content content content content content content"
          "footer footer footer footer footer footer"
    }
    .featured_profile{
        display:none;
    }
    .featured_header .nav{
        list-style: none;
        padding:0;
        display:flex;
        flex-direction: row;
    }
}
/*herb 101 styles */
.herbs-info{
    list-style-type: disc;
}