/* Created by Massimo Iberti - Jan 2018 */
html{-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0;padding:0;}

html,body{font-family:Verdana,sans-serif;font-size:15px;line-height:1.5;height:100%}html{overflow-x:hidden}
h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}h4{font-size:20px}h5{font-size:18px}h6{font-size:16px}.w3-serif{font-family:serif}
h1,h2,h3,h4,h5,h6{font-family:"Segoe UI",Arial,sans-serif;font-weight:400;margin:10px 0}.w3-wide{letter-spacing:4px}
hr{border:0;border-top:1px solid #eee;margin:20px 0}
* {
    box-sizing: border-box;
} 
		p {
		   	word-wrap: break-word;
		}
		.mi-back {	
			background: url("images/Esperimento.png") no-repeat center fixed;
			background-size: cover;
			z-index:-2;
			}
		body div.mi-black {
			background-color: rgba(0,0,0,0.5);
			position:fixed;
			width:100%;height:100%;
			z-index:-1;
			}
		.mi-container {background-color:#f0f0f0; margin: 20px; padding: 30px 40px 30px 40px; border-radius: 16px; overflow:hidden; box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.3);}
		.mi-onethird{ float:left; width: 33.3333%; min-width:200px;} .mi-twothird {float:left; width: 66.6666% ; min-width:100px;}.mi-onefourth{ float:left; width: 25%;}.mi-threefourth{ float:right; width: 75%;}
		.mi-col {}
		.mi-tbar {background-color:#d0d0d0; padding:1px; border-radius: 5px; overflow:hidden; border-color:#a0a0a0; border-width:1px; border-style:solid;min-height:8px;}
		.mi-table {width:100%;}
		.mi-table td {padding:5px;} .mi-table th {padding:5px;}
		.mi-menu{min-width:60px;}
		.mi-smallscronly{display:none}
		.mi-bigscronly{display:block}
		.mi-photocontainer{} .mi-smallphoto{float:left;width:50%;}
		.mi-sticky{position:fixed; top: 0px;}
		.mi-header h1 { text-align:center; }
		.mi-button {
		    border-radius: 4px;
    		    text-decoration: none;
		    background-color: green;
		    color: #ffffff;
		    text-align:center;
		    overflow: hidden;}
		.mi-button::hover {
		    background-color: darkgreen;}
		.mi-menu ul {
		    width:100%;
		    list-style-type: none;
		    padding: 0;
		}
		.mi-menu li {
		    margin-bottom: 8px;
		    text-align:center;	 overflow: hidden;
		}
		.mi-menu li a {
		    display: block;
		    border-radius: 8px;
		    padding: 8px 16px;
    		    text-decoration: none;
		    background-color: green;
		    color: #ffffff;
		}
		.mi-col li a {
    		    text-decoration: none;
		    color: #000;
		}
		.mi-menu li a:hover {
		    background-color: darkgreen;
		}
		.mi-menu img { width: 80%; height: auto; display:block; margin:auto; padding-top:5px;}
		.clearfix::after {
		    content: "";
		    clear: both;
		    display: table;
		}
		.mi-photocontainer img { width: 80%; height: auto; display:block; margin:auto; padding:5px;}

		@media (max-width: 800px) {
			.mi-onefourth {width: 100%;}
			.mi-threefourth {width: 100%;}
			.mi-onethird {width: 100%;}
			.mi-twothird {width: 100%;}
			.mi-bigscronly{display:none;}
			.mi-smallscronly{display:block;}
			.mi-smallphoto{width:100%;}
			}