body{
    margin:0;
    padding:0;
    font-family: Georgia, 'Times New Roman', Times, serif;
    line-height: height 1.5em;
}

#site_wrap{
    height:100vh;
    display:grid;
    grid-template-columns: 
        min-content
        272px 
        272px
        272px
        272px
        min-content
    ;
    grid-gap:0px;
    grid-template-rows:
        200px
        154px
        362px
    ;
    grid-template-areas: 
        "header header header header header header"
        "featured_header featured_header featured_header featured_header featured_header featured_header" 
        ". featured_main1 featured_main1 featured_main2 featured_main2 ." 
}
.header{
    background-color:blanchedalmond;
    grid-area:header;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.header .logo{
    width:200px;
}
.header .nav{
   list-style: none;
   padding: 0;
   display: flex;
}
.header .nav a{
    text-decoration: none;
    border: 2px solid;
    border-radius: 50em;
    color:black;
    padding: 15px 28px;
    margin: 17px;
    font-weight: bold;
    display: inline-block;

}
.header .nav a:hover, :active{
    background-color: #F06082;
    color: white;

}
.featured_header{
    background-color:blanchedalmond;
    grid-area:featured_header;
}
.featured_main1{
    background-color:blanchedalmond;
    grid-area:featured_main1;
}
.featured_main2{
    background-color:blanchedalmond;
    grid-area:featured_main2;
}
@media screen and (max-width:480){
#site_wrap{

    grid-template-areas: 
        "header header header header header header"
        "featured_header featured_hearder featured_header featured_header featured_header featured_header" 
        "featured_main1 featured_main1 featured_main1 featured_main1 featured_main1 featured_main1"   
    }
    .featured_main2{
        display:none;
    }
    .header .nav{
        list-style: none;
        padding:0;
        display:flex;
        flex-direction: column;

    }
    .header .nav{
        margin:.5em;
     }
}