body{
    background-color: dodgerblue;
}
/*  @media screen and (min-width: 500px){

    .wrapper{

        display: grid;
        grid-template-columns: 1fr;
        grid-template-rows: repeat(9, minmax(100px,auto));
        gap: 5px;
    }
    .header,.services,.servings,.slider,.rightsidebar,.content{
        background-color: dodgerblue;
        color: white;
        font-size: 30px;
        text-align: center;
    
    }
}
 */ 
  @media screen and (max-width:1500px){

    .wrapper{
        display: grid;        
        grid-template-columns: 1fr;
        grid-template-rows: repeat(9,minmax(30px,auto));
        gap: 5px;
        background-color: gray;

    }
    .header{
        grid-column: 1/2;
        grid-row: 1/2;
        background-color: gray;
        font-family: 'Broadway';
        font-size: 30px;
        font-weight: 700;
        text-align: center;
        margin-top: 30px;

    }

    img{
        width: 100%;
        max-width: 1400px;
    }
     .services{
        grid-column: 1/2;
        grid-row: 2/3;
        background-color: dodgerblue;
        color:white;
        padding: 0.5em;
        font-size: 18px;

    }
    h2{
        font-size: 30px;
        font-weight: bold;
        font-variant:small-caps;
    }
    .servings{
        grid-column: 1/2;
        grid-row: 3/4;
        background-color:dodgerblue;
        color: white;
        text-align: center;
        font-size: 22px;
        font-weight: 800;

    }
    #servings_Div ul{
        text-align: center;
        color: white;
        font-size: 25px;
        font-family: Broadway;

    }

    .slider{
        grid-column: 1/2;
        grid-row: 4/5;
        background-color: dodgerblue;
        color:white;
        padding: 0.5em;

    }
    .rightsidebar{
        grid-column:1/2;
        grid-row: 5/6;
        background-color: burlywood;
        text-align: center;
        font-size: 25px;
        color: firebrick;
    }
    h4{
        color: rgb(201, 35, 14);
        font-variant:small-caps;
        text-decoration: underline;
    }
    ul{
        color:black;
        text-align: left;
    }
    
    .content{
       grid-column:1/2;
       grid-row: 6/7;
       background-color:dodgerblue;
       color: white;
       text-align: center;
       font-size: 30px;
    }
    img{
        margin: auto;
    }
    .copyright{
        grid-column: 1/2;
        grid-row: 7/8;
        color: black;
        text-align: center;
        font-size: 20px;
        background-color: burlywood;
    }
    .webmaster{
        grid-column: 1/2;
        grid-row: 8/9;
        color: white;
        text-align: center;
        font-size: 18px;
        background-color: firebrick;
    }
}

 

 
 @media screen and (min-width: 1500px){ 
.wrapper {
    display: grid;
    grid-template-columns:  0.25 1fr 0.25fr;
    grid-template-rows: repeat(8,minmax(30px,auto));
    gap: 5px;
    background-color: gray;


}
.header{
    grid-column: 1/4;
    grid-row: 1/2;
    background-color: gray;
    margin: auto;

}

 #logo{
    margin: auto;
    margin-left: 100px;
    padding: 50px;
}


.services{
    grid-column: 1/3;
    grid-row: 2/3;
    background-color:dodgerblue;
    text-align: center;
    color: white;
    font-size: 25px;
}
.servings{
    grid-column: 3/4;
    grid-row: 2/3;
    background-color: dodgerblue;
    font-family: Broadway;
    font-size: 45px;
    text-align: center;
    padding-top: 100px;
    color: white;
     
}
#servings_Div ul{
    margin-left: 33%;
    color: white;
    font-size: 25px;
    font-family: Broadway;

}


li{
    text-align: left;
    font-size: 35px;
    padding-left: 20px;
    /* font-family: 'Broadway'; */
    
}
ul{
    padding-top: 75px;
}
h2{
    padding-top: 30px;
    font-size: 45px;
    font-weight: bold;
    font-variant: small-caps;
}
 

.leftsidebar{
    grid-column: 1/2;
    grid-row: 3/4;
    background-color: lightslategray;
    font-size: 12px;
    color: rgb(19, 18, 18);
     border: 3px solid red; 
} 
img{
    width: 100%;
    max-width: 1400px;
}
/* .leftsidebarLogo{
    display: grid;
    place-items: center;
}
 */

  #logo-1{
    margin-left: 100px;
    margin-top: 150px;
}

.slider{
    grid-column: 2/3;
    grid-row: 3/4;
    background-color: rgb(80, 82, 80);
    margin: auto;
}
.rightsidebar{
    grid-column: 3/4;
    grid-row: 3/4;
    background-color: lightslategray;
    color: firebrick;
    font-size: 30px;
    text-align: center;
}
h4{
    color: burlywood;
    font-variant:small-caps;
    text-decoration: underline;
}
ul{
    color: white;
    text-align: center;
    
}
.content{
    grid-column: 1/4;
    grid-row: 4/5;
    background-color: dodgerblue;
    color: white;
    text-align: center;
    font-size: 40px;
    font-weight: bold;
    font-variant: small-caps;
    font-style: italic;
    padding-top: 50px;
}
#content-logo{
    margin-top: 20px;
}
.copyright{
    grid-column: 1/4;
    grid-row: 5/6;
    color: rgb(160, 61, 61);
    text-align: center;
    font-size: 20px;
    background-color: burlywood;
}
.webmaster{
    grid-column: 1/4;
    grid-row: 6/7;
    color: rgb(211, 247, 11);
    text-align: center;
    font-size: 16px;
    background-color: dodgerblue;
}


/* .item100{
    grid-column: 1/4;
    grid-row: 7/8;
    background-color: yellow;
}
 */ }