@media only screen and (max-width: 400px) {
  :root {
    --ancho-imagen-cabecera:  100%;
    --ancho-botones-cabecera:100%;
    --ancho-boton-cabecera:100%;    
    --direccion-botones-cabecera:column;
  }
}
@media only screen and (min-width: 401px) and (max-width: 700px) {
  :root {
    --ancho-imagen-cabecera:  100%;
    --ancho-botones-cabecera: 100%;
    --ancho-boton-cabecera:40%;    
    --direccion-botones-cabecera:row;
  }
}
@media only screen and (min-width: 701px) and (max-width: 1200px) {
  :root {
    --ancho-imagen-cabecera:  75%;
    --ancho-botones-cabecera: 25%;
    --ancho-boton-cabecera:100%;
    --direccion-botones-cabecera:column;
  }
}
@media only screen and (min-width: 1201px) {
  :root {
    --ancho-imagen-cabecera:  75%;
    --ancho-botones-cabecera: 25%;
    --ancho-boton-cabecera:100%;
    --direccion-botones-cabecera:column;
  }
}
header{
  margin: 0rem 1.5rem 0rem 0rem;
  padding: 0%;
  height: 200px;
  /*background-image: url("https://1.bp.blogspot.com/-GNUvZD5mY7I/Xz54i3GgPWI/AAAAAAAABdI/wqx5pn2dPD0I-uakW1vP4oH5JM7bn9PlwCLcBGAsYHQ/s1200/banner_memekistan.png");
  background-repeat: no-repeat;
  background-size: 75% 100%;]*/
}
.cabecera,.cabecera>div,.cabecera>div>div{
  margin: 0%;
  padding: 0%;
}
.cabeceraLogo{
  max-width: 100%;
  height: auto;
}
.contenedorCabecera{
  width: 100%;
  margin: 0%;
  padding: 1%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}
.cabeceraContenedorLogo{
  width: var(--ancho-imagen-cabecera);
  height: 100%;
  display: flex;
}
.cabeceraContenedorBotones{
  width: var(--ancho-botones-cabecera);
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  flex-direction: var(--direccion-botones-cabecera);
}
.cabeceraBoton{
  min-width: var(--ancho-boton-cabecera);
}