.headerdashboard {
  height: 100%;
  width: 100%;
  object-fit: contain;
}

.dashboard-container {
  display: none;
}

@media (min-width: 320px) and (max-width: 480px) {
  .dashboard-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: absolute;
    bottom: 13px;
    width: 100%;
    object-fit: contain;
    /* background-color: rgb(218, 25, 25); */
  }

  .dashboard-button {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0 0.5rem;
    /* height: 115px;
    width: 115px; */
    border-radius: 0.375rem;
    background-color: #ffffff;
    border: 3px solid var(--main-bg-color);
    cursor: pointer;
  }

  #luminarias_value,
  #danos_value,
  #cuadrillas_value {
    font-weight: bold;
    color: black;
  }

  #button-luminarias > img,
  #button-danos > img,
  #button-cuadrillas > img {
    height: 40px;
    min-width: 70px;
    object-fit: contain;
  }
  
}

/* // media queryable */
@media (min-width: 481px) and (max-width: 768px) {
  .dashboard-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: absolute;
    bottom: 13px;
    width: 100%;
    object-fit: contain;
    /* background-color: rgb(218, 25, 25); */
  }

  .dashboard-button {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0 0.5rem;
    /* height: 115px;
    width: 115px; */
    border-radius: 0.375rem;
    background-color: #ffffff;
    border: 3px solid var(--main-bg-color);
    cursor: pointer;
  }

  /* #luminarias_value,
  #danos_value,
  #cuadrillas_value {
    font-weight: bold;
    color: black;
  }

  #button-luminarias > img,
  #button-danos > img,
  #button-cuadrillas > img {
    height: 70px;
    width: 70px;
    object-fit: contain;
  } */
}

/* ----------- Galaxy Tab S ----------- */

/* Portrait and Landscape */
@media screen
  and (min-device-width: 800px) 
  and (max-device-width: 1280px)
  and (-webkit-min-device-pixel-ratio: 2) {
    .dashboard-container {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    margin: 0 auto;
    position: absolute;
    bottom: 13px;
    width: 100%;
    object-fit: contain;
    /* background-color: rgb(218, 25, 25); */
  }

  .dashboard-button {
    display: flex;
    flex-direction: column;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0 0.5rem;
    /* height: 115px;
    width: 115px; */
    border-radius: 0.375rem;
    background-color: #ffffff;
    border: 3px solid var(--main-bg-color);
    cursor: pointer;
  }
}

@media only screen 
and (min-device-width: 800px) 
and (max-device-height: 1280px) 
and (min-resolution: 192dpi)
and (-webkit-device-pixel-ratio:2)
and (orientation : portrait) {
  .galaxy {background-color:red;}
  .onlygalaxyportrait {display:block !important; background-color:green;}
}