.div-mensaje-fondo {
  position: fixed;
  left: 0px;
  top: 0px;
  width: 100%;
  height: 100%;
  background-color: var(--mensaje-fondo);
  z-index: 1000000;
  display: none;
}

.table-mensaje-texto {
  position: relative;
  top: 50%;
  max-width: calc(100% - 40px);
  max-height: calc(100% - 40px);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  margin: auto auto;
  background-color: var(--mensaje-color-fondo);
  border: 1px solid var(--color-primary-sage);/*var(--mensaje-borde);*/
  z-index: 100000;
}

.table-mensaje-texto td {
  font-family: Quicksand;
  text-align: center;
  vertical-align: middle;
}

#x-cerrar-msg {
  position: absolute; 
  z-index: 1001; 
  color: #486e6d;
}	

/* -------------------------------- */
/* Valores para PC					        */
/* -------------------------------- */

@media (min-width: 768px) {
  #x-cerrar-msg {
    right: 30px; 
    top: 30px; 
    font-size: 3rem !important; 
  }	
  
  .table-mensaje-texto td {
	  font-size: 1.4em;
	  padding: 30px;  
  }
}

/* -------------------------------- */
/* Valores para móviles y tablets   */
/* -------------------------------- */

@media (max-width: 767px) {
  #x-cerrar-msg {
    right: 20px; 
    top: 20px; 
    font-size: 2rem !important;     /*cursor: pointer;*/
  }	
  
  .table-mensaje-texto td {
	  font-size: 1.2em;
	  padding: 20px;  
  }
}