   .flex {max-width: 100%;	margin-right: 10px;}
	div2 {
	padding: 15px;
	border: 1px solid #4CAF50;
	background-color: #FFFFFF;
	border-radius: 100px;
	color: black;
	font-weight:600
}   

.solid {
  padding-top: 2px;
  padding-right: 5px;
  padding-bottom: 5px; 
  padding-left: 5px;
  background-color: black;
  opacity: 0.9;
  }

		.contenitore {
  position: relative;
			  
  width: 100%;
}

.image {
  display: block;
  width: 100%;
  height: auto;
}

.overlay {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
  opacity: 0;
  transition: .5s ease;
  background-color: #566252;
}

.contenitore:hover .overlay {
  opacity: 10;
}

.text {
  color: white;
  font-size: 20px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
}

/* Clear floats after the columns */
.row {
  content: "";
	margin: 0 auto;

  display: table;
  clear: both;
}
/* Create three equal columns that floats next to each other */
.column {
  float: left;
  width: 25%;
  padding: 10px;
 
border: 1px solid #4CAF50;	}
		
	.principale 	{background-image: url(https://www.kylvornexuta.info/images/prodotti003-1040x400.jpg); background-size: cover; padding: 25px; min-height:240px;}	
	@media only screen and (max-width: 600px) { .principale { padding: 10px; } }
	
	.secondohome 	{ background-color: black; padding: 20px;  opacity: 0.7; margin: 170px; margin-left: 200px; margin-right: 200px;}
	@media only screen and (max-width: 100px) {
	.secondohome { background-color: black; padding: 5px;  opacity: 0.7; margin: 25px; margin-left: 15px; margin-right: 15px;}}

.secondo 	{ margin-left: 200px; margin-right: 200px; color: black; }	

@media only screen and (max-width: 1200px) 
{ 
.secondo 
{ margin-left: 20px;  margin-right: 20px;  } 
}

/* come sopra ma su home page */ 
.homeprincipale 	{background-image: url(https://www.kylvornexuta.info/images/home005.jpg); background-size: cover; padding: 25px; min-height:550px;}	
@media only screen and (max-width: 600px) { .homeprincipale { padding: 10px; } }


.homesecondo 	{ background-color: black; padding: 20px;  opacity: 0.7; margin: 170px; margin-left: 260px; margin-right: 260px;}
@media only screen and (max-width: 1000px) {
.homesecondo { background-color: black; padding: 5px;  opacity: 0.7; margin: 25px; margin-left: 15px; margin-right: 15px;}}



/*  image gallery for products page */
div.gallery {
  border: 1px solid #ccc;
}
div.gallery:hover {
  border: 1px solid red;
  opacity: 0.8;
}
div.gallery img {
  width: 100%;
  height: auto;
}
div.desc {
  padding: 15px;
  text-align: center;
}
* {
  box-sizing: border-box;
}
.responsive {
  padding: 0 6px;
  float: left;
  width: 20%;
}
@media only screen and (max-width: 700px) {
  .responsive {
    width: 49.99999%;
    margin: 6px 0;
  }
}
@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}		
	
	
	
/* tabelle elenco prodotti */

#customers {
  font-family: Tahoma, sans-serif;
  border-collapse: collapse;
  width: 100%;
}
#customers td, #customers th {
  border: 1px solid #ddd;
  padding: 8px;
}
#customers tr:nth-child(even){background-color: #f2f2f2;}
#customers tr:hover {background-color: #ddd;}
#customers th {
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: left;
  background-color: #7A7A7A;
  color: white;
}
.tabellacentrata {
  margin: auto;
  width: 55%;
  border: 1px solid green;
  padding: 6px;
  }
@media only screen and (max-width: 600px) { .tabellacentrata { 
  margin: auto;
  width: 90%;
  border: 1px solid #7A7A7A;
  padding: 7px;

 } }  
 
 