/*
 * Globals
 */
 body {
  height: 100%;
  font-size:15px;font-family: 'Raleway', sans-serif;
background: #fff;

background: -webkit-gradient(linear, left top, left bottom, from(#fff),to(#fff));

background: linear-gradient(to bottom, #fff 0%,#fff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0e0e0e', endColorstr='#7d7e7d',GradientType=0 );
Color format:     Comments;
background-repeat: no-repeat

/* -webkit-hyphens: auto;
-ms-hyphens: auto;
-o-hyphens: auto;
hyphens: auto; */
}
.container-fluid {
    width: 100%;
    padding-right: 0px;
    padding-left: 0px;
  }
a {color:#4EBECC}
a:hover, a.nav-link:hover {color: #0e7c87!important;}

.marg-b-15 {margin-bottom: 15%;}

h2 {font-weight: 700;font-size:18px;color:#fff;text-transform:uppercase;padding: 5%;}
p {color:#fff;text-transform:uppercase;line-height: 1.4rem;}
.bogo-logo {margin-bottom: 5%;  padding-right: 15px;
  padding-left: 15px;}
.chapo {font-weight: 100;font-size: 26px;color:#4EBECC;margin:5%;line-height: 1.2em;}
.fond-ordi {
  background-image: url("../img/horizon-online-ciel.jpg");
background-repeat: no-repeat;
background-position:center 0;
min-height:600px;
background-size: cover;
}

.box {
  background: #4EBECC;
  background-position:0;
  margin-top: 30px;
  padding: 5% 20px; /* Added a percentage value for top/bottom padding to keep the wrapper inside of the parent */
  -webkit-transform: skewY(-10deg);
  transform: skewY(-10deg);
}

.box > .wrapper {
  -webkit-transform: skewY(10deg);
  transform: skewY(10deg);
}

.cinema {
  /* background-image: url("../img/ipad.png"); */
  background-repeat: no-repeat;
  height:295px;
}
.cinema:before {content:url(../img/ipad.png);position:absolute;top:-0;left:0;opacity:1;z-index:-1;}

.musique {
  /* background-image: url("../img/guitare.png"); */
  background-repeat: no-repeat;
  background-position:right;
  height:295px;
}
.musique:before {content:url(../img/guitare.png);position:absolute;top:-0;right:0;opacity:1;z-index:-1;}

.jeux {
  /* background-image: url("../img/manette.png"); */
  background-repeat: no-repeat;
  height:295px;
}
.jeux:before {content:url(../img/manette.png);position:absolute;top:-0;left:0;opacity:1;z-index:-1;}

.bd {
  /* background-image: url("../img/bd.png"); */
  background-repeat: no-repeat;

  height:295px;
}
.bd:before {content:url(../img/bd.png);position:absolute;top:-0;right:0;opacity:1;z-index:-1;background-position:right;}

.copyright {color:#fff; text-align:center; background-color: #000; height: 100%;}
/* diagonal {
  overflow:hidden;
  position: relative;
  -webkit-transform: skewY(4deg);
          transform: skewY(4deg);
}

.diagonal .background {
  background-image: url("../img/ipad.png");
  background-repeat: no-repeat;
  background-position:0 0;
  position:absolute;
  top:-50%;
  bottom:-50%;
  left:0;
  right:0;
  -webkit-transform: skewY(-4deg);
          transform: skewY(-4deg);
}

.diagonal .content {
  position:relative;
  z-index:1;
  -webkit-transform: skewY(-4deg);
          transform: skewY(-4deg);
} */

/* GENERAL MEDIA QUERIES
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@include media-breakpoint-up(sm) {
  html {
    font-size: 1.2rem;
  }

}

@include media-breakpoint-up(md) {
  html {
    font-size: 1.4rem;
  }
}

@include media-breakpoint-up(lg) {
  html {
    font-size: 1.6rem;
  }
}
@media screen and (max-width: 765px) {


  }



@media screen and (max-width: 900px) {


}

@media screen and (max-width: 600px) {
  .bogo-logo {margin-bottom: 25%;}
.cinema:before {content:url(../img/ipad.png);position:absolute;top:-0;left:0;opacity:0.35;z-index:-1;}
.musique:before {content:url(../img/guitare.png);position:absolute;top:-0;left:0;opacity:0.35;z-index:-1;}
.jeux:before {content:url(../img/manette.png);position:absolute;top:-0;left:0;opacity:0.35;z-index:-1;}
.bd:before {content:url(../img/bd.png);position:absolute;top:-0;left:0;opacity:0.35;z-index:-1;}
}


.ekko-lightbox{display:-ms-flexbox!important;display:-webkit-box!important;display:flex!important;-ms-flex-align:center;-webkit-box-align:center;align-items:center;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;padding-right:0!important}.ekko-lightbox-container{position:relative}.ekko-lightbox-container>div.ekko-lightbox-item{position:absolute;top:0;left:0;bottom:0;right:0;width:100%}.ekko-lightbox iframe{width:100%;height:100%}.ekko-lightbox-nav-overlay{z-index:1;position:absolute;top:0;left:0;width:100%;height:100%;display:-ms-flexbox;display:-webkit-box;display:flex}.ekko-lightbox-nav-overlay a{-ms-flex:1;-webkit-box-flex:1;flex:1;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-align:center;-webkit-box-align:center;align-items:center;opacity:0;-webkit-transition:opacity .5s;transition:opacity .5s;color:#fff;font-size:30px;z-index:1}.ekko-lightbox-nav-overlay a>*{-ms-flex-positive:1;-webkit-box-flex:1;flex-grow:1}.ekko-lightbox-nav-overlay a>:focus{outline:none}.ekko-lightbox-nav-overlay a span{padding:0 30px}.ekko-lightbox-nav-overlay a:last-child span{text-align:right}.ekko-lightbox-nav-overlay a:hover{text-decoration:none}.ekko-lightbox-nav-overlay a:focus{outline:none}.ekko-lightbox-nav-overlay a.disabled{cursor:default;visibility:hidden}.ekko-lightbox a:hover{opacity:1;text-decoration:none}.ekko-lightbox .modal-dialog{display:none}.ekko-lightbox .modal-footer{text-align:left}.ekko-lightbox-loader{position:absolute;top:0;left:0;bottom:0;right:0;width:100%;display:-ms-flexbox;display:-webkit-box;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-ms-flex-pack:center;-webkit-box-pack:center;justify-content:center;-ms-flex-align:center;-webkit-box-align:center;align-items:center}.ekko-lightbox-loader>div{width:40px;height:40px;position:relative;text-align:center}.ekko-lightbox-loader>div>div{width:100%;height:100%;border-radius:50%;background-color:#fff;opacity:.6;position:absolute;top:0;left:0;-webkit-animation:a 2s infinite ease-in-out;animation:a 2s infinite ease-in-out}.ekko-lightbox-loader>div>div:last-child{-webkit-animation-delay:-1s;animation-delay:-1s}.modal-dialog .ekko-lightbox-loader>div>div{background-color:#333}@-webkit-keyframes a{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}@keyframes a{0%,to{transform:scale(0);-webkit-transform:scale(0)}50%{transform:scale(1);-webkit-transform:scale(1)}}
}