/* Extra small devices (phones, 600px and down) */
@media only screen and (max-width: 600px) {


    


    #burger {

        border: solid yellow 2px;
        width: 56px;
        
        

    }


    #chef {

        width: 78px; 
        margin-bottom: 1px;
        margin-right: 2px;

    }

    #oscar2 {

        height: 120px;
        margin-top: 2px;
        margin-right: 8px;

    }
    


    #mainPicture {

        width: 97%;
        margin-top: 9px;
        border: solid purple 4px;



    }

    #soir {

        font-size: 33px;
        margin-left: 15px;
        text-align: center;

    }

  button {

        width: 100%;
        height: 60px;
        background-color: #f0ad4e;
        color: white;
        font-size: 22px;
        margin: 6px;
        border-radius: 12px;
        border: solid white 3px;

    }

    a div .menus {


        width: 32%;
        height: 40px;
        padding-left: 14px;
        padding-right: 14px;

    }

    #newFont {


        font-size: 25px;
        padding: 10px;
     
        


    }

    #containerHeader {


        margin-left: 4px;

    }

    .menuItem {

        width: 31.5%;
        font-size: 12px;
        height: 30px;
        padding-top: 15px;
        margin-bottom: 12px;
        font-weight: bold;

    }

    #nav {

        margin-top: 28px;
        margin-left: 5px;

    }

    #welcome {

        width: 97%;
        height: 43px;
        text-align: center;
        border: solid white 3px;
        margin-left: 2px;
        margin-top: 8px;
        background-color: #6b8dbd;
        color: white;
        border-radius: 6px;
        padding-top: 4px;
        font-size: 28px;
        font-weight: bold;


    }

    #admin {

        font-size: 12px;
        text-align: center;

    }



}

/* Small devices (portrait tablets and large phones, 600px and up) */
@media only screen and (min-width: 600px) {


    #burger {

        border: solid green 2px;
        width: 75px;
        
        
        

    }


   #chef {

        width: 78px; 
        margin-bottom: 10px;
        margin-right: 2px;

    }

    .oscar {

        height: 223px;
        margin-top: 2px;

    }
    


    a button {

        font-size: 24px;
        height: 68px;
        


    }


   #soir {

        font-size: 42px;
        margin-left: 35px;
        text-align: center;

    }

    #newFont {

        font-size: 28px;
        width: 98%;
        line-height: 1.4;

    }

    #mainPicture {

        width: 97%;
       

    }

    #containerHeader {


        margin: auto;

        margin-bottom: 12px;


        
    }

     .menuItem {

        width: 31.5%;
        font-size: 16px;
        height: 40px;
     
        margin-bottom: 12px;
        padding-top: 20px;

        margin-left: 3px;

    }

    #nav {

        margin-top: 16px;
        margin-bottom: 16px;

    }

     #welcome {

        width: 97%;
        height: 55px;
        text-align: center;
        border: solid white 3px;
        margin-left: 2px;
        margin-top: 8px;
        background-color: #6b8dbd;
        color: white;
        border-radius: 6px;
        padding-top: 10px;
        font-size: 35px;
        font-weight: bold;


    }

     #admin {

        font-size: 20px;
        text-align: center;

    }



}

/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {


    #burger {

        border: solid red 2px;
        margin-top: 0px;

        width: 92px;

        margin-right: 10px;
        
        

    }



    #chef {

        width: 120px; 
        margin-bottom: 10px;
       

    }

    

    #oscar2 {

        width: 200px;

        margin-right: 10px;

    }
    
    #font {

        
        width: 99%;

    }

    
    #container {

        width: 98%;
        padding-left: 12px;
        float: left;

        margin: auto;
    }


    #mainPicture {

        width: 97%;

    }


    #soir {

        margin-left : 46px;
        width: 100%;
        font-size: 58px;


    }

   a  button {

        width: 98%;
        background-color: #f0ad4e;
        color: white;
        margin: 4px;
        border-radius: 12px;
        margin-right: 0px;
        border: solid white 3px;
        height: 95px;
        font-size: 35px;

    }


    #newFont {

        font-size : 30px;
         width: 98%;

    }

    #containerHeader {


        margin: auto;

    }

     .menuItem {

        width: 31%;
        font-size: 20px;
        height: 49px;
        padding-top: 22px;
        margin-bottom: 12px;

    }

    #nav {

        margin-left: 12px;
        float: left;

    }

     #welcome {

        width: 97%;
        height: 78px;
        text-align: center;
        border: solid white 3px;
        margin-left: 2px;
        margin-top: 8px;
        background-color: #7597c7;
        color: white;
        border-radius: 6px;
        padding-top: 14px;
        font-size: 47px;
        font-weight: bold;


    }

     #admin {

        font-size: 12px;
        text-align: center;

    }
    
    

}


/* Large devices (laptops/desktops, 992px and up)*/ 
@media only screen and (min-width: 992px) {

    #burger {

        border: solid blue 2px;
        width: 68px;

        float: left;
        
        

    }



   #chef {

        width: 75px; 
        margin-bottom: 26px;
        

    }


    
    #font {

        font-size: 23px;

    }

    a button {

        font-size: 22px;
        height: 52px;
        padding-top: 10px;
        padding-bottom: 10px;
        width: 102%;
        


    }

    #mainPicture {

        
        height: 190px;
        width: 550px;
       

    }

    #container {

       
        
        padding-left: 3px;

        width: 550px;

        margin: auto;

        
        

    }


    #cont {


        width: 600px;

    }

    #pictureWrap {

        margin-left: 30px;
    

    }
    
      #soir {

        font-size: 42px;
        margin-right: 40px;
        margin-top: 12px;
        margin-left: 20px;
        

    }


    #newFont {

        width: 650px;
        padding-right: 5px;

        font-size: 22.5px;

        line-height: 1.32;
        


    }

    #containerHeader {

        width: 570px;
        margin: auto;
       
       
        


    }

    #oscar2 {

        width: 140px;
        margin-bottom: 5px;


    }

    .navButtons{

        padding: 10px 12px 10px 12px;
        
        height: 20px;
        
        font-size: 15px;
    }


     .menuItem {

        width: 178px;

        font-size: 14px;
        height: 30px;
       
        padding-top: 12px;
        margin-bottom: 12px;

    }

    div #header2 {

        width: 570px;


    }

    #nav {

        float: left;
        margin: 1px;
        


    }

     #welcome {

        width: 100%;
        height: 32px;
        text-align: center;
        border: solid white 3px;
        margin-left: 2px;
        margin-top: 8px;
        background-color: #7597c7;
        color: white;
        border-radius: 6px;
        padding-top: 6px;
        padding-bottom: 10px;
        font-size: 29px;
        font-weight: bold;


    }

     #admin {

        font-size: 16px;
        text-align: center;

    }

    

   
   


}


/* Extra large devices (large laptops and desktops, 1200px and up) 
@media only screen and (min-width: 1200px) {

    #burger {

        border: solid orange 2px;
        width: 68px;
        padding-top: 17px;
        
        

    }


    #chef {

        width: 92px; 
        margin-bottom: 10px;

    }

    #oscar {

        height: 140px;
        margin-top: 2px;

    }
    
    #font {

        font-size: 23px;

    }

    a button { 

        font-size: 24px;
        height: 68px;
        


    }

    #mainPicture {

        width: 600px;
       margin: auto;
       

    }

    #container {

       
        padding-right: 40px;
        padding-left: 3px;
        margin-left: 3px;

        width: 630px;
        margin: auto;
        
        

    }

    #header {

        

        width: 700px;
        margin: auto;


    }

    #pictureWrap {

        margin-left: 40px;
        width: 640px;
        margin: auto;

    }


}

*/