* {
  margin: 0;
  padding: 0;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  font-family: "Playfair Display", serif;
  background: #000000;
}

.flag-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.flag-container img {
  padding: 10px;
  height: 40px;
}

.flag-container img:hover {
  cursor: pointer;
  opacity: 0.8;
}

.main-header {
  margin-top: 20px;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.main-header a {
  text-decoration: none;
}

.main-header a h1 {
  font-size: 3rem;
  font-weight: 300;
  color: #e7d0ba;
}

.main-header img {
  margin-left: 60px;
  height: 20vh;
}

.container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.logo-img {
  position: absolute;
  margin-left: 470px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.logo-img img {
  height: 25vh;
}

.logo-img02 {
  position: absolute;
  margin-left: 250px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.logo-img02 img {
  height: 25vh;
}

#nav-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#nav-bar ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

#nav-bar ul li {
  list-style: none;
  padding: 10px;
  color: #ffffff99;
}

#nav-bar ul li a {
  text-decoration: none;
  color: #ffffff99;
  font-size: 20px;
}

#nav-bar ul li a:hover {
  color: #fff;
}

.no-display {
  display: none;
}

.yes-display {
  display: block;
}

.music-drop,
.theatre-drop {
  padding-top: 30px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  font-size: 20px;
}

.music-drop .music-links,
.music-drop .theatre-links,
.theatre-drop .music-links,
.theatre-drop .theatre-links {
  padding-top: 10px;
  text-decoration: none;
  color: #ffffff99;
}

.music-drop .music-links:hover,
.music-drop .theatre-links:hover,
.theatre-drop .music-links:hover,
.theatre-drop .theatre-links:hover {
  color: #fff;
}

.img-container {
  height: 100vh;
  width: 100vw;
}

.main-img {
  margin-top: 60px;
}

.dot-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  height: 100vh;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.dot-container i {
  padding: 10px;
  color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.main-channels {
  margin-top: 60px;
  text-align: center;
}

.main-channels i {
  color: #fff;
  font-size: 30px;
  padding: 10px;
}

.some-space {
  margin-bottom: 20px;
}

.spotify:hover {
  color: #1db954;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  font-size: 40px;
}

.linke:hover {
  color: #0e76a8;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  font-size: 40px;
}

.facebook:hover {
  color: #3b5998;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  font-size: 40px;
}

.instagram:hover {
  color: #7232bd;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  font-size: 40px;
}

.twitter:hover {
  color: #00acee;
  -webkit-transition: ease-in-out 0.3s;
  transition: ease-in-out 0.3s;
  font-size: 40px;
}

.web-rights {
  margin-top: 60px;
  margin-bottom: 20px;
  text-align: center;
  -webkit-animation: fadeAndScale 0.8s ease-in;
          animation: fadeAndScale 0.8s ease-in;
  z-index: 1;
}

.web-rights p {
  font-family: "Playfair Display", serif;
  color: #fff;
}

.about-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: start;
  margin-left: 97px;
  margin-top: 40px;
}

.about-title .aboutMain-title {
  font-size: 50px;
  font-family: "Arizonia", cursive;
  color: #fff;
  -webkit-animation: fadeAndScale 0.8s ease-in;
          animation: fadeAndScale 0.8s ease-in;
}

.about-title2 {
  width: 100vw;
}

.about-title2 .aboutMain-title2 {
  text-align: center;
  font-family: "Arizonia", cursive;
  font-size: 41px;
  color: #fff;
  -webkit-animation: fadeAndScale 0.8s ease-in;
          animation: fadeAndScale 0.8s ease-in;
}

.about-content .intro-text {
  font-size: 19px;
  font-family: "Playfair Display", serif;
  color: #fff;
  padding: 30px 0px 30px 0px;
  margin: 0px 100px 0px 100px;
  text-align: start;
  line-height: 2em;
  -webkit-animation: fadeAndScale 0.5s ease-in;
          animation: fadeAndScale 0.5s ease-in;
}

@-webkit-keyframes fadeAndScale {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

@keyframes fadeAndScale {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}

.aboutMainImg {
  background: url(/Images/mainImages/RBig10.jpg) center center/cover no-repeat;
  min-height: 50vh;
  width: auto;
  background-attachment: fixed;
  -webkit-animation: fadeAndScale 0.5s ease-in;
          animation: fadeAndScale 0.5s ease-in;
}

.aboutMainImg2 {
  background: url(/Images/mainImages/RBig04.jpg) center center/cover no-repeat;
  min-height: 50vh;
  width: auto;
  background-attachment: fixed;
  -webkit-animation: fadeAndScale 0.5s ease-in;
          animation: fadeAndScale 0.5s ease-in;
}

.aboutMainImg3 {
  background: url(/Images/mainImages/RBig19.jpg) center center/cover no-repeat;
  min-height: 50vh;
  width: auto;
  background-attachment: fixed;
  -webkit-animation: fadeAndScale 0.5s ease-in;
          animation: fadeAndScale 0.5s ease-in;
}

.aboutMainImg4 {
  background: url(/Images/mainImages/RBig08.jpg) center center/cover no-repeat;
  min-height: 50vh;
  width: auto;
  background-attachment: fixed;
  -webkit-animation: fadeAndScale 0.5s ease-in;
          animation: fadeAndScale 0.5s ease-in;
}

.aboutMainImg5 {
  background: url(/Images/mainImages/RBig08.jpg) center center/cover no-repeat;
  min-height: 50vh;
  width: auto;
  background-attachment: fixed;
  -webkit-animation: fadeAndScale 0.5s ease-in;
          animation: fadeAndScale 0.5s ease-in;
}

.aboutTheatreImg {
  background: url(/Images/mainImages/RBig24.jpg) center center/cover no-repeat;
  min-height: 50vh;
  width: auto;
  background-attachment: fixed;
  -webkit-animation: fadeAndScale 0.5s ease-in;
          animation: fadeAndScale 0.5s ease-in;
}

.aboutTheatreImg2 {
  background: url(/Images/mainImages/RBig24.jpg) center center/cover no-repeat;
  min-height: 50vh;
  width: auto;
  background-attachment: fixed;
  -webkit-animation: fadeAndScale 0.5s ease-in;
          animation: fadeAndScale 0.5s ease-in;
}

.song-container {
  height: 0;
  margin-top: 60px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.song-container02 {
  height: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

#iframe-container1,
#iframe-container2,
#iframe-container3,
#iframe-container4,
#iframe-container5,
#iframe-container6,
#iframe-container7,
#iframe-container8,
#iframe-container9,
#iframe-container10 {
  position: relative;
  width: 100%;
  padding-bottom: 56.25%;
  height: 0;
}

#iframe-container1 iframe,
#iframe-container2 iframe,
#iframe-container3 iframe,
#iframe-container4 iframe,
#iframe-container5 iframe,
#iframe-container6 iframe,
#iframe-container7 iframe,
#iframe-container8 iframe,
#iframe-container9 iframe,
#iframe-container10 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.song1,
.song2,
.song3,
.song4,
.song5,
.song6,
.song7,
.song8,
.song9,
.song10 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  color: #fff;
  font-size: 1.5rem;
  font-weight: 100;
  -webkit-animation: fadeAndScale 0.5s ease-in;
          animation: fadeAndScale 0.5s ease-in;
  position: absolute;
  z-index: 1;
}

.song1:hover,
.song2:hover,
.song3:hover,
.song4:hover,
.song5:hover,
.song6:hover,
.song7:hover,
.song8:hover,
.song9:hover,
.song10:hover {
  cursor: pointer;
  opacity: 0.8;
}

.container2 {
  width: 100vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.compositionImg-container {
  position: absolute;
  z-index: 0;
}

.compositionImg-container img {
  height: 100vh;
}

.song-list {
  margin: 20px;
}

.songs-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 40px;
}

.songs-title .songsMain-title {
  margin-bottom: 20px;
  font-size: 4rem;
  font-weight: 100;
  font-family: "Arizonia", cursive;
  z-index: 1;
  color: #fff;
  -webkit-animation: fadeAndScale 0.8s ease-in;
          animation: fadeAndScale 0.8s ease-in;
}

.music-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

#icon01,
#icon02,
#icon03,
#icon04,
#icon05,
#icon06,
#icon07,
#icon08,
#icon09,
#icon10 {
  color: #fff;
  font-size: 19px;
  margin-top: 4.5px;
  margin-left: 10px;
}

#xIcon01,
#xIcon02,
#xIcon03,
#xIcon04,
#xIcon05,
#xIcon06,
#xIcon07,
#xIcon08,
#xIcon09,
#xIcon10 {
  color: #64ffda;
  font-size: 23px;
  margin-top: 3px;
  margin-left: 10px;
}

.margin {
  margin-top: 180px;
}

.mainLive-img {
  width: 100vw;
}

.mainLive-img img {
  width: 50vw;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 500px) {
  .logo-img {
    display: none;
  }
  .about-title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-left: 0;
  }
  .about-content .intro-text {
    padding-top: 50px;
    font-size: 16px;
    margin: 0px 20px 0px 20px;
    text-align: center;
  }
  .compositionImg-container img {
    width: 100vw;
    height: auto;
  }
  .music-container h3 {
    text-align: center;
  }
  .song-list {
    margin-top: 10px;
  }
  .song1,
  .song2,
  .song3,
  .song4,
  .song5,
  .song6,
  .song7,
  .song8,
  .song9,
  .song10 {
    font-size: 1rem;
  }
}
/*# sourceMappingURL=style.css.map */