/* *{
           margin: 0;
           padding: 0;
        }*/
        p{
            font-family: Helvetica, Arial, sans-serif;
            font-size: 16px;
            padding: 12px;
            
        }
       
        body{
            min-width: 300px;
            max-width: 1400px; /* равно =200+1200*/
            /*выравнивание по центру*/
            margin: 15px auto;
            background-color: #F8F8F7;
        }
        
        .fix{
            position: sticky;
            top: 0;
            /*background-color: #53AB8A;*/
        }
        
        
        header{
            /*padding: 10px;*/
            display: grid;
            /*grid-gap: 10px;*/
            grid-template-columns: auto minmax(200px, 1300px) auto auto;/*равно =200+1200*/
            grid-template-rows: auto /*minmax(50px, auto) */;
            /*background-color: #c1dc9f;*/
        }
        
       
        
        .logotip{
            grid-column:  1 / 2;
            grid-row: 1 / 2;
            background-color: #91A79E;
            /*padding: 10px;
            margin: 10px;*/
            box-shadow: 4px -4px 7px -1px rgba(31, 54, 71, 0.2);
        }
        .title{
            grid-column:  2 / 3;
            grid-row: 1 / 2;
            background-color: #91A79E;
            /*padding: 10px;
            margin: 10px;*/
            box-shadow: 4px -4px 7px -1px rgba(31, 54, 71, 0.2);
        }
        .telefony{
            grid-column: 3 / 4;
            grid-row: 1 / 2;
            padding: 10px;
            font-family: Helvetica, Arial, sans-serif;
            color:	#EAF6F2;
            font-size: 18px;
            font-weight: 800;
            background-color: #91A79E;
            box-shadow: 4px -4px 7px -1px rgba(31, 54, 71, 0.2);
        }
        .korzina{
            grid-column:  4 / 5;
            grid-row: 1 / 2;
            background-color: #91A79E;
            padding: 10px;
            box-shadow: 4px -4px 7px -1px rgba(31, 54, 71, 0.2);
        }
        
        
        header h1{background-color: #669966;}
        
       
        
       
        .content{
            /*grid-column: 2 /3;
            grid-row: 1 / 2;*/
            background-color: #D5E8E1;
        }
        .content h2{
            margin: 20px;
            background-color: #B87F5C;
        }
        
        
        /*старт ясейка*/
        .yacheyka{
            display: grid;
            grid-template-columns: auto 1fr 150px;
            /* minmax(100px, 250px)   auto*/
            margin:15px;
            background-color: #A3C1BA;
            grid-gap: 10px;
            padding:10px;
           /* box-shadow: 3px 3px 10px 0px rgba(34, 60, 80, 0.5);*/
        }
        
        .yacheyka_kartinka{
           /* box-shadow: 3px 3px 10px 0px rgba(34, 60, 80, 0.5);*/
            
        }
        
        .yacheyka_opisanie{
            /*vertical-align: top;*/
            background-color: #FFF0E6;
           /* box-shadow: 3px 3px 10px 0px rgba(34, 60, 80, 0.5);*/
        }
        .yacheyka_opisanie h3{
            background-color: #FAAD7E;
           /* box-shadow: 3px 3px 10px 0px rgba(34, 60, 80, 0.5);*/
        }
        .yacheyka_knopki{
            background-color: #78948D;
          /*  box-shadow: 3px 3px 10px 0px rgba(34, 60, 80, 0.2);*/
        }
        
     
     
        .footer{
            grid-column: 1 /3;
            grid-row: 2 / 3;
            background-color: #CCCCCC;
        }
        
        
        
        /*Стили для телефона*/
        @media screen and (max-width: 900px) {
            .fix{
                position: inherit;
                
                grid-template-columns: 150px minmax(200px, 1200px);
                grid-template-rows: 150px minmax(50px, auto) minmax(50px, auto);
                /*добавить ссылку на более маленький логотип*/
                /*добавить меньше шрифты и отступы*/
                /*вывести медиазапросы в отдельны файл*/
            }
   
            .verhnee_menyu1{
                grid-column: 1/3;
                grid-row: 2 / 3;
            }
            .verhnee_menyu2{
                grid-column: 1/3;
                grid-row: 3 / 4;
            }

            .conteiner{/*свойства контейнера*/
                /*колисество столбцов и строк и их размеры*/
                grid-template-columns: minmax(300px, 1200px);
                grid-template-rows: auto auto 80px;
            }
            
            
            .content{
                grid-column: 1 /1;
                grid-row: 2 / 3;
            }
            
            .footer{
                grid-column: 1 /1;
                grid-row: 3 / 4;
            }
        }
        
        
        nav  {
            list-style-type: none;
            margin: 0;
            padding: 0;
        }
        nav a {
            color: #0B1C16;
            font-family: Verdana, sans-serif;
            font-size: 18px;
            font-weight: bold;
            padding: 12px 16px;
            text-decoration: none;
            margin: 5px;
            background-color: #F7753E;
           /* border-radius: 5px;
            box-shadow: 4px 4px 10px 0px #CCCCCC;*/
        }
        
        /*кнопки в меню*/
        .glavy a, .menyu a{
            display: inline-block;
        }
        
        

        .glavy{
            /*background-color: #c1dc9f;*/
            margin-top:0;
            padding-top:0;
            padding-bottom:0;
        }
        
        .menyu{background-color: #61BB9B;}
        
        .eta_glava{
            color: #0B1C16;
            font-family: Verdana, sans-serif;
            font-size: 18px;
            font-weight: bold;
            padding: 12px 16px;
            margin: 5px 5px 0 5px;
            background-color: #61BB9B;
            box-shadow: 4px -4px 21px 0px rgba(12, 30, 43, 0.2);
        }
        
        .glava{
            background-color: #D89270;
            margin: 5px 5px 0 5px;
            box-shadow: 4px -4px 21px 0px rgba(12, 30, 43, 0.2);
        }
        
        .eta_stranica{
            
            color: #0B1C16;
            font-family: Verdana, sans-serif;
            font-size: 18px;
            font-weight: bold;
            padding: 12px 16px;
            margin: 5px 5px 0 5px;
            background-color:  #50957D}
            
        .stranica{background-color:  #97CAB8}
        
        .eta_glava, .glava{
            border-radius: 7px 7px 0 0;
        }
    
    
    
    
        nav a:hover {
            background-color: #555;
            color: white;
        }