.cabeza {
    cursor: pointer;
    padding: 0;
    margin: 0;
    width: 100%;
    height: 80px;
    border: 0px;
    background-color: #ffdcc4;
    grid-template-rows: 10px 50px 20px;
    grid-template-columns: 15px auto  1fr  auto    1fr  auto  15px;
    grid-template-areas: " .    logo  .    .       .    menu  ."
                         " .    logo  .    title   .    menu  ."
                         " .    logo  .    .       .    menu  .";
    display: grid;
    align-items: center;
    justify-items: center;
}
.menu {    grid-area: menu;   }
.menu img {
    height: 20px;
    vertical-align: center;
    float:left;
}
.logo { grid-area: logo;  }
.logo-img { 
    display: grid;
    align-items: center;
    justify-items: center;
    height:65px; 
}
.title {   
    grid-area:title;
    height: 100%;
    font-family: 'Nanum Gothic', sans-serif;
    font-weight: 700; 
    font-size:40px;
    align-self: end;
}
@media screen and (max-width:1024px) {
    .cabeza { 
        height: 50px; 
        grid-template-rows: 5px 40px 5px;
    }
    .logo-img { height:38px; }
    .title {  font-size:24px;}
}