/*INIZIO MOBILE ############################### */

@media screen and (max-width: 899px) {
    
    h4 {
        font-size: 200%;
        margin: 3% 0px;
    }
    
    #sezione-gallery {
        padding: 2% 5%;
    }
    
    #elenco-testuale {
        background-color: #EAEAEA;
        padding: 5%;
        margin: 0px;
    }
    
    .mostra-elenco {
        margin-right: 3%;
        margin-bottom: 20px;
        width: 100%;
        float: none;
        height: auto;
        overflow: auto;;
    }
    
    .location-elenco {
        text-align: left;
        font-family: "Raleway";
        font-size: 100%;line-height: 115%; 
        font-weight: 200;
        margin: 0px 0px 0% 0px;
    }
    
    .paese-elenco {
        text-align: left;
        font-family: "Raleway";
        font-size: 100%;line-height: 140%;
        font-weight: 600;
        margin: 0px 0px 0% 0px;
        text-transform: uppercase;
    
    }
    
    .data-elenco {
        text-align: left; 
        font-family: 'Raleway', sans-serif; 
        font-size: 100%;line-height: 115%; 
        margin: 2px 0px 0px 0px; 
        font-weight: 200;
    }

    .location-mostra {text-align: center;font-family: "Josefin Sans";font-size: 100%;font-weight: 600;margin: 7px 0px 0px 0px;text-transform: uppercase;  }    
    
    .data-mostra {text-align: center; font-family: 'Raleway', sans-serif; font-size: 110%; margin: 3px auto 8px; font-weight: 400; }
        
    .info_quadro {text-align: center; font-family: 'Raleway', sans-serif; font-size: 80%; font-weight: 200; }
      

/* fine MOBILE ###############################*/}



/*   inizio DESK###############################*/

@media screen and (min-width:900px) {
    
    #sezione-gallery {
        padding: 1% 2.5%;
    }
    
    h4 {
	font-size: 250%;
	margin: 0% 0px 3%;
    }
    
    #elenco-testuale {
        clear: both;
        background-color: #EAEAEA;
        padding: 3%;
        margin: 0px;
        /*-moz-column-count:2;
        -webkit-column-count:2;
        column-count:2;*/
    }
    

    .mostra-elenco {
        margin: 0px 0px 15px 0px;
        width: 70%;
/*        float: left;*/
/*        height: 150px;*/
        overflow: hidden;
    }
    
    .location-elenco {
        text-align: left;
        font-family: "Raleway";
        font-size: 100%;line-height: 115%; 
        font-weight: 200;
        margin: 0px 0px 0% 0px;
    }
    
    .paese-elenco {
        text-align: left;
        font-family: "Raleway";
        font-size: 100%;line-height: 140%;
        font-weight: 600;
        margin: 0px 0px 0% 0px;
        text-transform: uppercase;
    
    }
    
    .data-elenco {
        text-align: left; 
        font-family: 'Raleway', sans-serif; 
        font-size: 100%;line-height: 115%; 
        margin: 2px 0px 0px 0px; 
        font-weight: 200;
    }
    
    
    
    
    .location-mostra {text-align: center;font-family: "Josefin Sans";font-size: 100%;font-weight: 600;margin: 12px 0px 0% 0px;text-transform: uppercase; }
  
    .data-mostra {text-align: center; font-family: 'Raleway', sans-serif; font-size: 100%; margin: 2px 0px 15px 0px; font-weight: 200; }
        
    .info_quadro {text-align: center; font-family: 'Raleway', sans-serif; font-size: 80%;font-weight: 100; font-weight: 200; }   
    
    div.box_miniatura {margin-bottom: 2%;}
    
    
    
    
}