body{
         margin:  0;
        padding: 0;
        font-family: Playfair;
        }
a{
    color: black;
    text-decoration: none;
}

h3{
    margin: 0 !important;
    font-size: 110%;
   
}

form{
    display: inline;
    float: right;
    margin-right: 3%;
}

        #main{
            display: inline-block;
            float: right;
            width: 75%;
            margin: 10% 0 2% 3%;
            
        }
        #sidebar{
            width:20%;
            position:relative;
            float: left;
            display: inline-block;
            
        }
        #random{
        width: 70%;    
        
        margin: 0 auto 15% auto;
        display: block;
        
        }

#social_mobile{
    display: none;
    
}
        #social, #social_mobile{
             text-align: center;
            margin: 5% 0 0 0;
        }
        #social img, #social_mobile img{
            
            display: inline;
            width: 8%;
            margin: 0 2%;
          
        }  

#social img:hover{
    filter: invert(50%);
    
}
        #menu a{
            margin:10%;
            font-size: 180%;
            text-align: center;
        }
        #logo_footer{
            display: block;
            clear: both;
            width: 100%;
            margin-top: 2%;
        
            margin-bottom: 3%;
        }
#logo_footer img{
width:15% !important; 
margin-left: 2.5%;

}
#logo footer p{
text-align: center;
}
#logo_mobile{
                  position: relative;
                  display: none;
                  
                  margin-bottom: 2%;
              }
#logo_mobile img{
                  width: 70%;
              }
#events_m{
    height: auto;
    clear: both;
}
#pro_link{
    margin-bottom: 2% !important;
    cursor: pointer;
}
  #lang{
            width: auto;
            position: absolute;
            top: 2%;
            right: 4%;
            font-size: 100%;
            font-weight: bold;
            color: #A9c59F !important;
            word-break: keep-all;
            
        }
        #lang a{
            color: #A9c59F !important;
            cursor: pointer;
        }

           .riquadro{
                    width: 450px;
                    height: 230px;
              vertical-align: bottom;
               display: inline-table;
               margin:2% 7.5% 0 0;
               
             
            }  
 #nav_menu{
    position: relative;
      margin: 0 auto;
    
        width: 10%;
   
       cursor: pointer;
        clear: both;
        display: none;
     text-align: center;
     z-index: 100;
    }
    #nav_menu img{
     
        width: 100%;
        padding: 0.5%;
        
    }
    
    #nav_menu:hover div{
        display: block;
    }
    #nav_menu:hover h2{
        opacity: 0.6;
    }
    #nav_menu a{
        display: block;
        text-decoration: none;
    }
    #nav_menu div{
     position: absolute;
        margin: 1% 0 0  0;
        top: inherit;
        width: 1000%;
        display: none;
       white-space: nowrap;
        background: #F8F4E6;
        font-size: 200%;
        left: -450%;
        border: 3px solid black;
         -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
        -moz-box-sizing: border-box;    /* Firefox, Gecko */
        box-sizing: border-box;
    }    
   #big_hr  { margin: 0 54% 0 42%; 
                 height: 4px; 
                 background-color: black; 
                 color: black; 
             }
.hr_mobile{ background-color:black !important;
    border-width:0 !important;
    margin: 2% !important;
    color:black;
    height:5px !important;
    line-height:0 !important;
    margin: 0 44% !important;
    text-align: center !important;
    display: none;
    }
.subm_events{
    display: none;
    font-size: 120% !important;
    margin: 2% !important;
}
        .photo{
            width: 30%;
            
            float: left;
             resize: none;
            margin-left: 12%;
        }
        .text{
            width: 52%;
            
           overflow: hidden;
           float: right;
            word-break:normal;
            text-align: left;
           
        }
  .small{
               text-transform: uppercase!important;
                 font-size: 90%;
                float: right;
               margin: 1% 0;
             width: 52%;
             }
            
             .small b{
                 display: block;
                 width: 100%;
                 font-weight: normal !important;
             }
             .small span{
             text-transform: none;
             }
             .read_more{
            font-size: 70%;
            float: left;
            font-weight: bold;
             
             }
             .gen{
                  font-style: italic;
              margin: 1% 0 0.8% 0;
                 font-size: 80%;
                
            
             font-weight:lighter;
             }
             .date{
             margin-bottom: 0.2%;
             font-weight: bold;
             }
             .date, .gen{
                 float:right;
                 width: 52%;
             display: block;
                height: auto;
             }
           
.visib{
    display: block;
}
.inactive{
    pointer-events: none;
cursor: default;
}
.main{background-color: #AEBB93;
border-bottom: 2px solid #F8F4E6;}
.secondary{
  background-color: #F8F4E6 ;
border: 2px solid #AEBB93 ;  
}
.eve_title{ font-size: 100% ;
             position:relative;
             margin: 0;
             font-style: italic;
            color: #A9c59F;
              font-weight: bold;
             }
    
@media only screen and  (max-width: 1500px) {
    h3{
        font-size: 100%;
    }
.riquadro{
         margin:3% 1.5% 0 0;
    }
}
@media only screen and  (max-width: 799px) {
    h1{
        text-align: center;
        
    }
    #sidebar{
        display: none;
    }
    #main{
        width: 100%;
        margin: 0;
        padding:0 !important;
        float: none;
        text-align: center;
    }
    #logo_footer{
        display: none;
    }
    #logo_mobile {
        display: block;
    }
    #nav_menu{
 display: block;

    }
    #social_mobile{
        display: block;
    }
    #big_hr{
        margin: 0 10%;
    }
    .riquadro{
        display: block;
        margin: 10% auto;
        width:240px;
        height: auto;
    
        
    }
    .photo{
        width: 100%;
        float: none;

    margin: 2% auto;
    }
    
    .gen, .small, .date, .text{
        display: block;
        clear: both;
        float: none;
        text-align: left;
         width: 100%;
    height: auto !important;
    }
    
      .small{
          padding-top: 3%;
                 font-size: 90%;
              text-transform: capitalize !important;
             }
    .hr_mobile{
        display: block;
    }
     #lang span{
            display: none;
        }
  #volantino {
      display: block;
    clear: both;
    padding-top: 3%;
                 }
}