/* BREAKPOINT */
/* == Stili di base - Mobile first =====
  Qui vanno gli stili per il mobile
== Media queries (breakpoint) ===== */
@media screen and (min-width: 480px) {
 body {
  background: black;
 }
 }
 
 /* -----------------------------------
IPAD PORTRAIT
------------------------------------ */
@media screen and (min-width: 768px) {
 body {
  background: black;
 }
}

/* -----------------------------------
IPAD LANDSCAPE + NETBOOK
------------------------------------ */
@media screen and (min-width: 1024px) {
 body {
  background: black;
 }
}

/* -----------------------------------
DESKTOP
------------------------------------ */
@media screen and (min-width: 1200px) {
 body {
  background: black;
 }
}

/* -----------------------------------
istruzioni generali
------------------------------------ */
.flex {max-width: 100%}
	

	
#blocco-biocritico {
   width: 330px;
   height: 410px;
   overflow: auto;
   padding-right: 15px;
   padding-bottom: 15px;
   padding-left: 15px;
   padding-top: 15px;
   border: 1px solid #CCCCCC;
}

#blocco-eventi {
   width: 520px;
   height: 670px;
   overflow: auto;
   padding-right: 15px;
   padding-bottom: 15px;
   padding-left: 15px;
   padding-top: 15px;
   border: 1px solid #CCCCCC;
}