@font-face {
	font-family: 'Roboto-Medium';
	src: url('../festival/Roboto-Medium.ttf') format('truetype');
	font-display: swap;
}


main.festivalmain {
    background: url(../festival/main-w.png);
    background-size: cover;
    background-position: top;
}

.kv-main {
    width: 44vw;
}

.bannerfest {
        height: 90vh;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.top-flag {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    
}

.tagtitle {
    width: 33vw;
    /* margin-top: -6%; */
}

p.festsub {
	font-family: 'Roboto-Medium';
    color: #fff;
max-width: 72ch;
    margin: auto;
    text-align: center;
}

.backlight {
         mix-blend-mode: plus-lighter;
    position: absolute;
    bottom: 20vw;
    width: 100%;
    /* height: 100vh; */
    left: 0;
    z-index: 1;
}
.intro_fest >* {
    z-index: 0;
}

.ast2 {
    position: absolute;
    top: -6%;
    width: 20vw;
    height: 20vw;
    left: 4%;
    object-fit: contain;
      mix-blend-mode: plus-lighter;
}
.ast3 {
    position: absolute;
    object-fit: contain;
    top: 6%;
    width: 14vw;
    height: 10vw;
    right: 2%;
    mix-blend-mode: plus-lighter;
}
.staytuned {
    width: 30vw;
    height: 16vw;
    object-fit: contain;
    display: block;
    margin: auto;
}

.mainkv2 {
    z-index: 3;        margin-top: -10%;
}
@media only screen and (min-width:1300px) {
    .bannerfest {
           height: 92vh;
    }
}
@media only screen and (max-width: 600px) {
  .bannerfest {
    height: auto;
  }

  .kv-main {
    width: 100%;
    margin-top: 3rem;
    margin-bottom: 0;
    
  }

  .tagtitle {
            width: 87vw;
    margin: auto;
    display: block;
}
.mainkv2 {
    z-index: 3;    margin-top: 0;
}
p.festsub {   
    max-width: 100%;
    text-align: center;
    padding: 0 1rem;
    font-size: 15px;
}
.ast2 {
    position: absolute;
         top: 43%;
}
.ast3 {
    position: absolute;
            top: 46%;
}
.staytuned {
        width: 75vw;
        height: 38vw;
        object-fit: contain;
        display: block;
        margin: auto;
}

}