.grid {
    display:grid;
    grid-template-columns:1fr;
    grud-template-columns:1fr 1fr 1fr 1fr 1fr;
    grid-template-areas:
    "header"
    "title"
    "topbar"
    "cont"
    "footer";
}

.header{
    grid-area:header;
}

.title {
     grid-area:title;
    
}
.topbar{
    background-color:gray;
      grid-area:topbar;
    
}
.content{
      grid-area:cont;
    
}
.footer{
      grid-area:footer;
}

.nav{
    
    position:relative;
    top:-20px;
    left:260px;
}

@media screen and (min-width:736px) {
    .grid {
    display:grid;
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 50px 460px 30px 2260px 300px;
    grid-template-areas:
    ". header ."
    ". title ."
    ". topbar ."
    ". cont ."
    ". footer .";
}
}

.contact {
    
    grid-area:contact;
}

.quckl {
    
    grid-area:quickl
}

.staycon{
    
    grid-area:staycon;
}

.footerGrid

{
    display:grid;
    grid-template-columns:1450px;
    grid-template-rows:1fr;
    grid-template-areas:
    "blog tab"
        
        
    }
    
    .tabGrid {
    display:grid;    
    grid-template-columns: 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas:"quickl contact staycon";
        
    }
    
    .fling-minislide {width:1550px; height:400px; overflow:hidden; position:relative; top:60px; }
.fling-minislide img{ position:absolute; animation:fling-minislide 20s infinite; opacity:0; width: 100%; height:auto; margin:auto;}

@keyframes fling-minislide {25%{opacity:1;} 50%{opacity:0;}}
.fling-minislide img:nth-child(4){animation-delay:0s;}
.fling-minislide img:nth-child(3){animation-delay:7s;}
.fling-minislide img:nth-child(2){animation-delay:14s;}
.fling-minislide img:nth-child(1){animation-delay:21s;}



.contentGrid{
    display:grid;
    grid-tempate-columns: 1fr;
    grid-template-rows: 50px 500px 50px 500px 50px 500px 50px 500px 50px;
    grid-template-areas: 
    "."
    "Deals"
    "."
    "AllYS"
    "."
    "BuyAgain"
    "."
    "RelatedIt"
    "."
}


.Deals{
    background-color:#dae8e8;
    grid-area:Deals;
    border-radius:30px;
}

.AllYS {
    background-color:#dae8e8;
    grid-area:AllYS;
    border-radius:30px;
}

.BuyAgain{
    background-color:#dae8e8;
    grid-area:BuyAgain;
    border-radius:30px;
}

.RelatedIt {
    background-color:#dae8e8;
    grid-area:RelatedIt;
    border-radius:30px;
}


.sectionGrid {
    display:grid;
    grid-tempate-columns: 1fr 1fr 1fr 1fr;
    grid-template-rows: 1fr;
    grid-template-areas: "item1 item2 item3 item4";
}

.item1 {
     grid-area:item1;
     background-color:white;
       width:370px;
    height:400px;
       margin:auto;
    position:relative;
      border-radius:20px;
}
.item2 {
     grid-area:item2;
     background-color:white;
         width:370px;
    height:400px;
    margin:auto;
    position:relative;
      border-radius:20px;
}
.item3 {
     grid-area:item3;
     background-color:white;
       margin:auto;
          width:370px;
    height:400px;
    position:relative;
    border-radius:20px;
}
.item4 {
     grid-area:item4;
      background-color:white;
        width:370px;
    height:400px;
      margin:auto;
    position:relative;
      border-radius:20px;
}