/* Layout
============================*/
.lunette {
  overflow: auto;
  top: 0;
  left: 0;
  width: 100%;
  height: 0;
  transition: all 0.2s;
  position: relative; }
  .lunette .lunette_container {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    position: relative; }
  .lunette .close_icon {
    position: absolute;
    top: 3px;
    right: 10px;
    height: 50px;
    opacity: 1;
    font-weight: normal;
    font-style: normal; }
    .lunette .close_icon:hover {
      cursor: pointer; }
  .lunette .fixed-content {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0; }

.lunette_bg {
  height: 100%;
  width: 100%;
  position: relative; }
  .lunette_bg img {
    max-width: 100%; }

.lunette_content {
  flex-direction: column;
  justify-content: center; }
  .lunette_content div {
    flex: 0 1 auto; }

.mob-show {
  display: none; }

@media all and (max-width: 668px) {
  .lunette .mob-hide {
    display: none; }
  .lunette .mob-show {
    display: block; } }

/*# sourceMappingURL=lunette.css.map */