/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS and SCSS file within this directory, lib/assets/stylesheets, vendor/assets/stylesheets,
 * or vendor/assets/stylesheets of plugins, if any, can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any styles
 * defined in the other CSS/SCSS files in this directory. It is generally better to create a new
 * file per style scope.
 *
 *= require superslides
 *= require lightSlider
 *= require jquery.bxslider

 *= require_self
 */
 
 #large{
 display:none;
 position:fixed;
 top:0;
 left:0;
 width:100%;
 height:100%;
 
 background:rgba(0,0,0,0.8);//rgba(132,187,64,0.8);
 z-index:30;

 h3{
 color:white;
 text-align:center;
 margin-top:5px;
 margin-bottom:0;
 font-weight:300;
 font-size:0.95em;
 
 }
  .next, .prev{
  width:20px;
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  cursor:pointer;


  }
  .prev{
  left:15px;
  }
  .next{
  right:15px;
  }
 
 .img_container{
 height:100%;
 width:100%;


 box-sizing: border-box;
 
   .large-img{
   cursor:pointer;
   padding:10px;
   background:rgba(250, 250, 250, 0.9);
   
   display:block;
   margin:auto;
   }
 }
 }
 body{
 font-family:Arial;
 color:white;
 font-weight:400;
 line-height:1.62;
 text-align:justify;
 background:url("/fond.jpg") center center fixed;
 background-size:100%;
 background-size:cover;
 padding:0px;
 margin:0px;
 
 overflow: scroll; height: 100%; width: 100%;
 
 }
 #rea-gal{
 //background:white;
 padding-left:5px;
 img{
 padding-right:5px;
 padding-bottom:5px;
 width:200px;
 float:left;
 
 &:hover{
 
 opacity:0.8;
 }
 }
 }
 hr{
 border:0px;
 border-bottom:1px solid rgba(250,250,250,0.6);

 }
 
 .gal{
 li{
 height:540px;
 text-align:center;
 }
 img{
 height:500px;
 margin:auto;
 }
 
 
 
 }
 
 #logo{
   margin:auto;
   display:block;
 margin-top:50%;
 padding:10px;
 min-height:190px;


 text-align:center;
 img{
   width:100%;
   max-width:500px;
 }


 }