body{
    background-color: #F5F5F5;
}

.vse{ 
    /* position: absolute; */
    font-size: 15px;
    padding-top: 20px;
    width: 800px;
    /* height: 600px; */
    /* background-color: #F5F5F5; */
} 

.lin1{
    hr{
        height: 1.5px;
        background-color:#ccc;
        
      }
}

span{
   font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
   font-size: 12px; 
}

.chapka{
  height: max-content;  
  display: grid;
  grid-template-columns:repeat(2, auto);
  
}

.blok1{
    display: flex;
    justify-content:left;
    align-items: center;
    margin-left: 20px;
    img{
        width: 30px;
    }

    span{
        margin-left: 10px;
    }
    
}

.blok2{
    display: flex;
    justify-content:right;
    align-items: center;

    margin-right: 20px;
    img{
        width: 30px;
    }

    span{
        margin-right: 10px;
    }
    
}

hr{
    margin-top: 10px;    
}

.menu{
    float: left;
    margin-top: 5px;
    padding-left: 15px;
    width: 120px;
    /* width: max-content; */
    span{
    margin-left: 10px;
  }

}

.menu_1{
    height: max-content;
    display: flex;
    padding-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
    align-items: center;
    background-color: #F4E4E4;
    
}

.menu_1_ost{
    height: max-content;
    padding-top: 5px;
    padding-bottom: 5px;

    display: flex;
    padding-left: 15px;
    align-items: center;
}

.vse_po_menu_1{
    width: 630px;
    margin-top: 5px;
    margin-left: 10px;
    float: left;
    
}

.po_menu_1{
    /* height: 30px; */
    height: max-content;
    
    display: grid;
    grid-template-columns: 15px 110px auto 25px 60px;
    grid-template-rows: auto auto;
}

.po_menu_1_1{
    display: flex;
    align-items: center;
    
    img{
        width: 15px;
    }
}

.po_menu_1_2{
    padding-left: 10px;
    display: flex;
    align-items: center;
    /* background-color: aqua; */
}

.po_menu_1_3-4{
  align-items: center;
  padding-left: 10px;
  
  display: flex;
    align-items: center;
}

.po_menu_1_3{
    /* background-color:burlywood; */
    display: flex;
    align-items: center;
    float: left;
}

.po_menu_1_4{
    /* background-color: brown; */
    color: #908d8d;
    display: flex;
    align-items: center;
}

.po_menu_1_5{
    padding-left: 10px;
    display: flex;
    align-items: center;
    /* background-color: chartreuse;    */
    img{
        width: 15px;
    }
 
}

.po_menu_1_6{
    padding-left: 10px;
    display: flex;
    align-items: center;
}

.liniy{
    /* margin-top: -10px; */
    hr{
        background-color: #ccc;
       }
}

@media (max-width: 800px){
    .po_menu_1{
     /* height: 90px; */
     display: grid;
     grid-template-columns: 15px auto auto 25px 90px;
     grid-template-rows: auto auto;
 }

    .po_menu_1_2{
     grid-column:2/span 2;
     grid-row: 1;
     /* background-color: brown; */
    }
 
    .po_menu_1_3-4{
     grid-column: 2/span 3;
     grid-row: 2;
     display: block;
     /* background-color:blueviolet; */
    }
 
    .po_menu_1_3{
     /* background-color: brown; */
     float: none;
    }
    /* .po_menu_1_4{ */
        /* padding-top: 3px; */
     /* background-color: aqua; */
    /* } */

    .ture{
        display: none;
    }

    span{
        font-size: 125%;
    }

    .vse_po_menu_1{
        width: 550px;
    }

    .menu{
        width: 200px;
    }
 }

 @media (max-width: 550px){
    .vse{
        width: 550px;
    }

    .chapka{    
      img{
        width: 40px;
      }
    }  

    .menu{
        width: 80px ;
        span{
            display: none;
        }
        /* background-color: blueviolet; */

        img{
            height: 35px;
        }

    }

    span{
        font-size: 95%;
    }

    .vse_po_menu_1{
        width: 420px;
        /* background-color: aqua; */
    }

    
    .menu_1{
        width: max-content;
        padding-right: 20px;
    }

    .po_menu_1{
        /* height: 30px; */
        height: max-content;
        
        display: grid;
        grid-template-columns: 15px 50px auto 25px 65px;
        grid-template-rows: auto auto;
    }
    .po_menu_1_1{
        img{
            width: 15px;
        }
    }
 }