.footer {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  background-color: #145490;
  color: #646464;
    color: #FFF;
  text-align: center;
}

.Aligner {
  display: flex;
  align-items: center;
  flex-direction: row;
  justify-content: center;
 /* background: #4fc;*/
  height: 500px;
}

.Aligner-item {
  /*background: #34d;*/
  max-width: 80%;
}

#my #main .cols .grid2.monitor {
  width: 35%;
  text-align: center;
  border-right: 2px solid #BFBFBF;
}
#my #main .cols .grid2.testo {
  width: 62%;
  text-align: left;
} 

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

@media only screen and (max-width: 1000px) {
.Aligner {
  /*display: block;*/
  height: auto;
}
.Aligner-item {
  /*background: #34d;*/
  max-width: auto;
}
#my #main .cols .grid2.monitor, #my #main .cols .grid2 {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  border-right: none;
  float: none; 	
}
#my #main .cols .grid2.testo {
  width: 100%;
  text-align: left;
  margin: 0 auto;
  float: none;
} 

.footer {
  position: static;
  width: 100%;
  text-align: center;
}
.contenitore {
  width: 100%;
  text-align: center;
  float: none;
}

}

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