#slide { width: 69%; margin-right: 1%; float: left; padding: 20px 0; }

#slide_content { float: left; width: 48%; margin-right: 2%; font-size: 18px; }
#slide_content .slide_title { font-size: 22px; text-transform: uppercase; }

#slide_pic { float: right; width: 48%; }
#slide_pic img { border: 2px solid #9096b7; -webkit-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.4); -moz-box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.4); box-shadow: 7px 7px 5px 0px rgba(50, 50, 50, 0.4); }

#slider_buttons { width: 95%; text-align: center; margin-top: 10px; }

.button_slider { width: 17px; height: 17px; float: left; margin-right: 2%; cursor: pointer; background: url('/public/images/button_slider_gastronomy.png') no-repeat top center; }
.button_slider:hover { background: url('/public/images/button_slider_gastronomy.png') no-repeat bottom center; }
.button_slider .active{ background: url('/public/images/button_slider_gastronomy.png') no-repeat 0 50%; }


@media screen and (max-width: 768px) {
    
    #slide { width: 50%; }
    
    #slide_content { display: none; } 
    
    #slide_pic { float: none; width: 90%; }   
    #slider_buttons { float: none; width: 90%; }   
    
}


@media screen and (max-width: 320px) {
    
    #slide { display: none; }     
    
}