/* body {
	margin: 0;
  font-family: 'Merriweather', serif;
} */

#wrap {
	position: relative;
	overflow: hidden;
}

@media screen and (max-width:576px) {
  section {
    box-sizing: border-box;
    position: relative;
    min-height: 100vh;
    background-position: center center;
    background-size: cover;
  }

  }
@media screen and (min-width:576px) {
section {
	box-sizing: border-box;
	position: relative;
	height: 100vh;
  max-height: 100vh;
  background-position: center center;
  background-size: cover;
  overflow: hidden;
}
}

.pseude-element{
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: -1;
}


@media screen and (min-height:992px) {
  .background-event{
     align-items: flex-start !important;
  }
}



.active-page{
    font-size: 100px;
    font-weight: 200;
}

.logo-main{
  position: absolute;
  z-index: 2;
  top:10vh;
  padding-left: 5vh;
}

#indicator {
  position: absolute;
  top: 0px;
  padding-left: 10vw;
  height: 100vh;
  display: flex;
  flex-direction: column;
  justify-content: center;
  z-index: 1;
}
.page-link {
  cursor: pointer;
  padding-top: 20px;
}
@media (min-width: 768px)  {

      .button-background-main{
        opacity: 0.8;
        width: 20vw;
        height: 20vh;
        box-sizing: border-box;
        margin: 1vw;
        background-clip: padding-box;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        cursor:pointer;
     }
     .back-button{
      position: fixed;
      z-index: 1;
      border-radius: 50%;
      height: 70px;
      width: 70px;
      display: none;
      margin-top: 1vh;
      margin-right: 1vw;
   }
}

#indicator-mobile{
  height: 100vh;
  width: 100vw;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.mobile-menu-button{
  top: 0;
  right:0;
  position: fixed;
  /* width: 100vw; */
  z-index: 100;
  float: right;
}

/* Smartphone */
@media (max-width: 768px)  {
    /* #indicator {
        padding-top: 10px;
        position: absolute;
        display: flex;
        justify-content: space-evenly;
        width: 100%;
        z-index: 20;
        flex-direction: column;
      } */

      /* .mobile-background-color{
        background-color: rgb(128, 128, 128, .7);
        transition: background-color 500ms linear;
      }
      .mobile-background-color-none{
        background-color: none;
        transition: background-color 500ms linear;
      } */
      /* .page-link {
        cursor: pointer;
        align-self: center;
      } */

      .button-background-main{
        opacity: 0.8;
        width: 50%;
        height: 20vh;
        box-sizing: border-box;
        margin: 1vw;
        background-clip: padding-box;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
        text-align: center;
        cursor:pointer;
     }
     .back-button{
      position: fixed;
      z-index: 1;
      border-radius: 50%;
      height: 70px;
      width: 70px;
      display: none;
      margin-top: 1vh;
      margin-right: 1vw;
      margin-bottom: 1vh;
      bottom: 0;
      right: 0;
   }

}

.section{
  display: flex;
  align-items: center;
}

.indicator-active {
  transform: scale(1.6);
  transform-origin: left;
}