@charset "utf-8";
/* CSS Document */

/* Media Queries
--------------------------------------------------------------------------------------------------------------- */
@-ms-viewport{width:device-width;}


/* Max Wrapper Width - Laptop, Desktop etc.
--------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:1140px){
	.inserisci{font-size: 18px;}
	.contenitore {height: 140px;}
    h1 {font-size: 19px;}
}


/* Mobile Devices
--------------------------------------------------------------------------------------------------------------- */
@media screen and (max-width:980px){
	.inserisci{font-size: 13px;}
	.contenitore {height: 220px;}
    h1 {font-size: 18px;}
.dropzone {line-height: 26px; /* verticale */}
		img.dim {width: 45%; }

}

@media screen and (max-width:839px){
	.inserisci{font-size: 12px;}
	.contenitore {height: 260px;}
    h1 {font-size: 18px;}
.dropzone {line-height: 24px; /* verticale */}
	img.dim {width: 60%; }
}
@media screen and (max-width:736px){
	.imgl, .imgr{display:inline-block; float:none; margin:0 0 10px 0;}
	.fl_left, .fl_right{display:block; float:none;}
	.group .group > *:last-child, .clear .clear > *:last-child, .clear .group > *:last-child, .group .clear > *:last-child{margin-bottom:0;}/* Experimental - Needs more testing in different situations, stops double margin when stacking */
	.one_half, .one_third, .two_third, .one_quarter, .two_quarter, .three_quarter{display:block; float:none; width:auto; margin:0 0 30px 0; padding:0;}
	.inserisci{font-size: 22px;}
	.contenitore {height: 110px;}
    h1 {font-size: 14px;}
	.sectiontitle{max-width:none;}
    .dropzone {line-height: 32px; /* verticale */}
	img.dim {width: 60%; }
}

@media screen and (max-width:480px){
	#topbar ul li{margin-bottom:2px; padding-right:0; border-right:none;}
	.inserisci{font-size: 18px;}
	.contenitore {height: 130px;}
    h1 {font-size: 14px;}
    .dropzone {line-height: 32px; /* verticale */}
	img.dim {width: 70%; }
}