body {
  background-color: #C0C0C0;	/* colore di sfondo della pagina  */
  color: #000000;
}

.div-centrato{
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-200px;		/* metà della larghezza dell'immagine */
	margin-left:-400px;		/* metà dell'altezza dell'immagine */
	width:800px;			/* larghezza immagine */
	height:600px;			/* altezza immagine  */
}

#bg-video{
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-2;
}

body::after{
  content:"";
  position:fixed;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:rgba(0,40,60,0.3);
  z-index:-1;
}

table{
  position:relative;
  z-index:1;
  background:rgba(255,255,255,0.9);
  border-radius:10px;
  padding:10px;
}

table{
  background:rgba(255,255,255,0.2);
  backdrop-filter:blur(5px);
  border-radius:10px;
}


/* =========================================
   CORREZIONE SMARTPHONE
   ========================================= */

@media only screen and (max-width: 600px) {

  html,
  body {
    width:100%;
    max-width:100%;
    min-height:100%;
    margin:0;
    padding:0;
    overflow-x:hidden;
  }

  .div-centrato {
    position:relative;
    top:auto;
    left:auto;

    width:100%;
    max-width:100%;
    height:auto;

    margin:0 auto;
    padding:0;

    box-sizing:border-box;
  }

  /* Nessuno sfondo/sfumatura dietro ai box su smartphone */
  table,
  .home-table {
    background:transparent !important;
    backdrop-filter:none !important;
    -webkit-backdrop-filter:none !important;
    border-radius:0 !important;
    box-shadow:none !important;
  }

}