img.scalable {
        width: 100%;
        max-width: 100%;
        max-height:180px;
    }
	
    .intestazione{
    align-self: center;
	text-align: center;
	height: 290px;
	max-width:70%;
	font-size: xx-large;
	color: white;
	font-family: "Open Sans Light";
	background-color: #25383C;
	z-index:1;
	}
	
	@media screen and (max-width: 300px) {
		.intestazione{
		font-size:small;
		z-index:"1";
		}
		  }
	
	@media screen and (max-width: 600px) {
		.intestazione{
		font-size: medium;
		z-index:"1";}
		  }

	@media screen and (max-width: 800px) {
	    .intestazione{
		font-size: large;}
	}
	
	.Titolo {
	font-family: "Open Sans Light";
	font-size: xx-large;
	}
	
	<!--Pulsante facebook -->
	
	.btn {
    background-color: #333;
    border: none;
    color: white;
    padding: 12px 16px;
    font-size: 16px;
    cursor: pointer;
    width: 40px;
    height:40px;
	self-align:right;
    }
    
	.btn:hover {
	    background-color: #333;
	}
	
	div.header{
   	    display: flex;
        flex-direction: column;
		text-align: center;	
		background-color: #25383C;
	}
	
	div.footer{
        display: flex;
        flex-direction: column;
		text-align: left;
	    background-color: #25383C;
	    height: 240px;
	    font-size: small;
	    font-family: "Open Sans";
	    color: #FFFFFF;
	}
		.footer-text {
       color: #FFFFFF;
       text-align: center;
    }
    
   	div.imagefooter{
		align-self: center;
		width: 70%;
		max-width: 70%;
		text-align: left;
		border: 1px solid rgba(255,255,255,.2);
	    box-shadow: 0px 0px 30px rgba(0,0,0,.65);
	}
	
	div.maincol{
		align-self: center;
		max-width: 70%;
		font-size: 16px;
	    font-family: "Open Sans";
	    text-align: left;
		border: 1px solid rgba(255,255,255,.2);
	    box-shadow: 0px 0px 30px rgba(0,0,0,.65);
	    float: left;
		border-radius: 20px;
	}
	div.content{
	   display: flex;
       flex-direction: column;
	}
		
		 /*Slider per foto eventi */
		/*jssor slider loading skin spin css*/
		.jssorl-009-spin img {
			animation-name: jssorl-009-spin;
			animation-duration: 1.6s;
			animation-iteration-count: infinite;
			animation-timing-function: linear;
		}

		@keyframes jssorl-009-spin {
			from { transform: rotate(0deg); }
			to { transform: rotate(360deg); }
		}

		/*jssor slider arrow skin 093 css*/
			.jssora093 {display:block;position:absolute;cursor:pointer;}
			.jssora093 .c {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
			.jssora093 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;}
			.jssora093:hover {opacity:.8;}
			.jssora093.jssora093dn {opacity:.6;}
			.jssora093.jssora093ds {opacity:.3;pointer-events:none;}

		/*jssor slider thumbnail skin 101 css*/
			.jssort101 .p {position: absolute;top:0;left:0;box-sizing:border-box;background:#000;}
			.jssort101 .p .cv {position:relative;top:0;left:0;width:100%;height:100%;border:2px solid #000;box-sizing:border-box;z-index:1;}
			.jssort101 .a {fill:none;stroke:#fff;stroke-width:400;stroke-miterlimit:10;visibility:hidden;}
			.jssort101 .p:hover .cv, .jssort101 .p.pdn .cv {border:none;border-color:transparent;}
			.jssort101 .p:hover{padding:2px;}
			.jssort101 .p:hover .cv {background-color:rgba(0,0,0,6);opacity:.35;}
			.jssort101 .p:hover.pdn{padding:0;}
			.jssort101 .p:hover.pdn .cv {border:2px solid #fff;background:none;opacity:.35;}
			.jssort101 .pav .cv {border-color:#fff;opacity:.35;}
			.jssort101 .pav .a, .jssort101 .p:hover .a {visibility:visible;}
			.jssort101 .t {position:absolute;top:0;left:0;width:100%;height:100%;border:none;opacity:.6;}
			.jssort101 .pav .t, .jssort101 .p:hover .t{opacity:1;}		

     <!-- Slider pagina iniziale -->
	.jssor2-009-spin img {
            animation-name: jssorl-009-spin;
            animation-duration: 1.6s;
            animation-iteration-count: infinite;
            animation-timing-function: linear;
        }

        @keyframes jssor2-009-spin {
            from { transform: rotate(0deg); }
            to { transform: rotate(360deg); }
        }

        /*jssor slider bullet skin 072 css*/
        .jssorb072 .i {position:absolute;color:#000;font-family:"Helvetica neue",Helvetica,Arial,sans-serif;text-align:center;cursor:pointer;z-index:0;}
        .jssorb072 .i .b {fill:#fff;opacity:.3;}
        .jssorb072 .i:hover {opacity:.7;}
        .jssorb072 .iav {color:#fff;}
        .jssorb072 .iav .b {fill:#000;opacity:.5;}
        .jssorb072 .i.idn {opacity:.3;}

        /*jssor slider arrow skin 073 css*/
        .jssora073 {display:block;position:absolute;cursor:pointer;}
        .jssora073 .a {fill:#ddd;fill-opacity:.7;stroke:#000;stroke-width:160;stroke-miterlimit:10;stroke-opacity:.7;}
        .jssora073:hover {opacity:.8;}
        .jssora073.jssora073dn {opacity:.4;}
        .jssora073.jssora073ds {opacity:.3;pointer-events:none;}
		
		.caption {
			font-family: Verdana, sans-serif;
			font-size: 15px;
			color:white;
			font-weight: 30px;
			float: left;
			margin: 0;
			padding: 0;
			position: relative;
			overflow: hidden;
			line-height:2500%;
		}			

<!-- Menu -->
			body {margin:0;font-family: Open Sans}

			.topnav {
			  overflow: hidden;
			  background-color: #333;
			}
			
			.topnav a {
			  float: left;
			  display: block;
			  color: #f2f2f2;
			  text-align: center;
			  padding: 14px 16px;
			  text-decoration: none;
			  font-size: 17px;
			}
			
			.active {
			  background-color: #4CAF50;
			  color: white;
			}
			
			.topnav .icon {
			  display: none;
			}
			
			.dropdown {
			    float: left;
			    overflow: hidden;
			}
			
			.dropdown .dropbtn {
			    font-size: 17px;    
			    border: none;
			    outline: none;
			    color: white;
			    padding: 14px 16px;
			    background-color: #333;
			    font-family: inherit;
			    margin: 0;
			}
			
			.dropdown-content {
			    display: none;
			    position: absolute;
				top:50px;
			    background-color: #f9f9f9;
			    min-width: 160px;
			    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
			    z-index: 100;
			}
			
			.dropdown-content a {
			    float: none;
			    color: black;
			    padding: 12px 16px;
			    text-decoration: none;
			    display: block;
			    text-align: left;
				font-size: 14px; 
			}
			
			.topnav a:hover, .dropdown:hover .dropbtn {
			  background-color: #555;
			  color: white;
			}
			
			.dropdown-content a:hover {
			    background-color: #ddd;
			    color: black;
				top:50px;
			}
			
			.dropdown:hover .dropdown-content {
			    display: block;
				top:50px;
			}
			
			@media screen and (max-width: 600px) {
			  .topnav a:not(:first-child), .dropdown .dropbtn {
			    display: none;
			  }
			  .topnav a.icon {
			    float: right;
			    display: block;
			  }
			}
			
			@media screen and (max-width: 600px) {
			  .topnav.responsive {position: relative;}
			  .topnav.responsive .icon {
			    position: absolute;
			    right: 0;
			    top: 0;
			  }
			  .topnav.responsive a {
			    float: none;
			    display: block;
			    text-align: left;
			  }
			  .topnav.responsive .dropdown {float: none;}
			  .topnav.responsive .dropdown-content {position: relative;}
			  .topnav.responsive .dropdown .dropbtn {
			    display: block;
			    width: 100%;
			    text-align: left;
			  }
			 }	
			 
			.TraduzioneITA {
			width: 100%;
			padding: 5px 0;
			text-align: left;
			background-color: #f7fb84;
			margin-top: 20px;
			font-size: 14px;
            font-family: "Arial";
			display: none;
			border-radius: 15px;
		}
		
		.Campo {
			width: 98%;
			font-size:small;
			font-family:Open Sans Light;
		}
		
		/* Disposizione foto e video */
				* {
			box-sizing: border-box;
		}

		@media screen and (min-width: 900px) {
			 .columnVideo {
			float: left;
			width: 33.33%;
			padding: 50px;
		   } 
			  }
			  
	    @media screen and (min-width: 560px) and (max-width: 899px) {
			 .columnVideo {
			display: left;
			width: 100%;
			padding: 1px;
		   } 
			  }
	    @media screen and (max-width: 559px) {
			.columnVideo {
			display: left;
			width: 100%;
			padding: 1px;
		   } 
			  }
			  
		/* Clearfix (clear floats) */
		.row:after {
			content: "";
			clear: both;
			display: table;
		}	  
		
		.pointer {cursor: pointer;}