/**************LEVIOOSA VIBES****************/
body {
  margin: 0px;
  padding: 0px;
  overflow-x: hidden;
  position: relative;
  transition: 0.5s all;
  font-family: "Nunito", sans-serif !important;
}

html {
  scroll-behavior: smooth;
}
table {
  width: 100%;
  height: 100vh;
}
table td {
  width: 50%;
  padding: 10px;
}
/* img {
  margin-top: 40px;
} */
@media (max-width: 900px) {
  table td {
    width: 100%;
    display: block;
  }
}

/*ANIMATION*/
.animate {
  -webkit-animation: animatezoom 0.6s;
  animation: animatezoom 0.6s;
}

@-webkit-keyframes animatezoom {
  from {
    -webkit-transform: scale(0);
  }
  to {
    -webkit-transform: scale(1);
  }
}

@keyframes animatezoom {
  from {
    transform: scale(0);
  }
  to {
    transform: scale(1);
  }
}

.inline-photo3 {
  opacity: 0;
  /* filter: drop-shadow(10px 10px 10px rgb(10, 159, 204)); */
  transform: translateX(3em) rotateZ(-0deg);
  transition: transform 4s 0.25s cubic-bezier(0, 1, 0.3, 1),
    opacity 0.3s 0.25s ease-out;
  will-change: transform, opacity;
}
.inline-photo3.is-visible3 {
  opacity: 1;
  transform: rotateZ(-0deg);
}

/*CONTAINER*/
.image_container {
  width: 100vw;
  height: 100vh;
  background-image: url("../images/musical-background.jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.image_container table {
  position: relative;
}

.image_container table td img {
  width: 100%;
  height: 500px;
  /* display: none; */
}
/* .image_container table td img {
	width: 99%;
} */

.header_mssg {
  color: #000;
  position: absolute;
  top: 50%;
  left: 10%;
  z-index: 10;
}
.content_mssg {
  color: #000;
  width: 40%;
  position: absolute;
  top: 30%;
  left: 5%;
  z-index: 10;
}

@media (max-width: 900px) {
  .image_container {
    width: 100vw;
    height: 100vh;
    background-position: 0%;
  }
  .header_mssg {
    margin-top: 20vh;
    top: 50%;
    left: 28%;
    color: #000;
  }
  .image_container table td img {
    width: 100%;
    height: 300px;
    /* display: none; */
  }
}
@media (max-width: 760px) {
  .image_container {
    width: 100vw;
    height: 100vh;
    background-position: 0%;
  }
  .header_mssg {
    margin-top: 20vh;
    top: 40%;
    left: 33%;
    color: #000;
  }
  .image_container table td img {
    width: 100%;
    height: 250px;
    /* display: none; */
  }
}
@media (max-width: 720px) {
  .image_container {
    width: 100vw;
    height: 100vh;
    background-position: 0%;
  }
  .header_mssg {
    margin-top: 20vh;
    top: 40%;
    left: 31%;
    color: #000;
  }
  .image_container table td img {
    width: 100%;
    height: 250px;
    /* display: none; */
  }
}
@media (max-width: 650px) {
  .image_container {
    width: 100vw;
    height: 100vh;
    background-position: 0%;
  }
  .header_mssg {
    margin-top: 20vh;
    top: 40%;
    left: 28%;
    color: #000;
  }
  .image_container table td img {
    width: 100%;
    height: 250px;
    /* display: none; */
  }
}
@media (max-width: 550px) {
  .image_container {
    width: 100vw;
    height: 100vh;
    background-position: 0%;
  }
  .header_mssg {
    margin-top: 20vh;
    top: 50%;
    left: 26%;
    color: #000;
  }
  .image_container table td img {
    width: 100%;
    height: 300px;
    /* display: none; */
  }
}
@media (max-width: 498px) {
  .image_container {
    margin-top: 2vh;
    width: 100vw;
    height: 100vh;
    background-position: 0%;
  }
  .header_mssg {
    margin-top: 20vh;
    top: 40%;
    left: 17%;
    color: #000;
  }
  .image_container table td img {
    width: 100%;
    height: 250px;
    /* display: none; */
  }
}
@media (max-width: 390) {
  .image_container {
    margin-top: 2vh;
  }
  .header_mssg {
    margin-top: 20vh;
    top: 40%;
    left: 17%;
    color: #000;
  }
  .image_container table td img {
    width: 90%;
    height: 230px;
    /* display: none; */
  }
}
@media (max-width: 360) {
  .image_container {
    margin-top: 2vh;
  }
  .header_mssg {
    margin-top: 20vh;
    top: 27%;
    left: 0%;
    color: #000;
  }
  .image_container table td img {
    width: 80%;
    height: 200px;
    /* display: none; */
  }
}