/*----------------------------------------------------------------------------------- MENU1_2 */
.menu1_1 {
    height:50px; 
	width:100%;
	display: grid;
    grid-template-rows: 50px;
	grid-template-columns:  10px  40px  1fr  auto    1fr  40px   10px;
    grid-template-areas: "  .     logo  .    tit1_1  .    icon1  .";
    place-items: center;
    background:#f2f9e9
}
/*----------------------------------------------------------------------------------- MENU1_2 */
.menu1_2 {
    height:50px; 
	width:100%;
	display: grid;
    grid-template-rows: 50px;
	grid-template-columns:  10px  40px  1fr  auto    1fr  45px   45px   5px;
    grid-template-areas: "  .     logo  .    tit1_1  .    icon2  icon1  .";
    place-items: center center;
    background:#f2f9e9
}
/*----------------------------------------------------------------------------------- MENU1_3 */
.menu1_2 {
    height:50px; 
	width:100%;
	display: grid;
    grid-template-rows: 50px;
	grid-template-columns:  10px  40px  1fr  auto    1fr  45px   45px   45px   5px;
    grid-template-areas: "  .     logo  .    tit1_1  .    icon3  icon2  icon1  .";
    place-items: center center;
    background:#f2f9e9
}
.logo {
	grid-area: logo;
    height:50px;
    width:40px;
	display: grid;
    place-items: center;
}
.tit1_1 {
    grid-area: tit1_1;
    font-family: system-ui;
    font-weight: bold;
    font-size: 22px;
    align-self: center;
    color:#87BA41;
}
.icon1 {
	grid-area: icon1;
	display: grid;
    justify-self: center;
    align-self: center;
    height: 20px;
}
@media screen and (max-width: 790px) {
    /* Celular: 393 x 851 */
}
.icon2 {
	grid-area: icon2;
	display: grid;
    place-items: center;
}
.icon3{
	grid-area: icon3;
	display: grid;
    place-items: center;
}