@font-face {
  font-family: Neuzeit Grotesk;
    src: url("../../public/font-face/fonts/Neuzeit-Grotesk/NeuzeitGrotesk-Reg.otf");
    font-display: swap;	

}

@font-face {
  font-family: Neuzeit Grotesk Semi;
    src: url("../../public/font-face/fonts/Neuzeit-Grotesk/NeuzeitGrotesk-Bla.otf");
    font-display: swap;	

}


@media screen and (min-width: 320px) and (max-width:480px){

  .section2{
    height: 100vw !important;
  }
  
  .banner{
      height: auto !important;
      width: 100% !important;
    }

    .main_image{
      width: 100% !important;
      padding: 0 30px 0 30px !important;
    }

    .top_left{
      width: 35vw !important;
      left: 3vw !important;
      top: 2vw !important;
    }

    .top_right{
      width: 10vw !important;
      right: 5vw !important;
      top: 2vw !important;
    }

    .middle_left{
      top: 28vw !important;
      left: 5vw !important;
      width: 8vw !important;
    }

    .middle_right
    {
      top: 28vw !important;
      right: 5vw !important;
      width: 10vw !important;
    }

    .bottom_left{
      width: 8vw !important;
      left: 5vw !important;
      bottom: -4vw !important;
    }

    .mid_bottom_container{
      margin-top: -3px !important;
    }

    .mid_bottom_globe{
      height: 12vw !important;
      left: -13vw !important;
    }

    .mid_bottom_logo{
      height: 10vw !important;
    }

    .mid_bottom_glass{
      height: 10vw !important;
      right: -12vw !important;
      bottom:15px !important; 
    }

    .bottom_right{
      width: 8vw !important;
      right: 0 !important;
      bottom: 2vw !important
    }

    .section2{
        position: relative;
        background-color: #FFDBF7;
        height: 100%;
        width: 100%;
    }

    .description{
      width: 85% ;
      margin: auto;
    }

    .title_text{
      margin-top: 30vw;
      font-size: 7vw;
      color: #7043BD;
      font-family: 'Neuzeit Grotesk Semi';
      margin-bottom: 2vw;
    }
    
    .description_text{
      font-size: 4vw ;
      text-align: justify;
      color: #7043BD;
      font-weight: 900;
      font-family: 'Neuzeit Grotesk';
      line-height: 1.3em;
    }

    .image_4ever{
      position: absolute;
      width: auto;
      height: 22vw;
      right: 9vw;
      top:14vw;
    }

    .image_4ever_blink{
      position: absolute;
      width: auto;
      height: 15vw;
      right: 2vw;
      top:15vw;
    }

    .purple_description{
      position: relative;
    }

    .purple_description img{
      width: 100%;
    }

    .description_text_purple{
      
      font-size: 3.6vw;
      
    }

    .anniv_logo{
      position: relative;
      height: auto;
      width: 100%;
      margin-left: 50%;
      transform: translate(-50%);
      padding: 5vw;
    }

    .slider {
      position: absolute;
      width: 100%;
      scale: 1.6;
      top: 40vw; 
    }

    .image_slider img {
      width: 100%;
      height: auto;
      padding: 3px;
    }

    .shop{
      font-size: 10vw ;
      font-family: 'Neuzeit Grotesk';
    }

}


@media screen and (min-width: 481px) and (max-width:768px){

  .section2{
    height: 100vw !important;
  }
  
  .banner{
      height: auto !important;
      width: 100% !important;
    }

    .main_image{
      width: 100% !important;
      padding: 0 30px 0 30px !important;
    }

    .top_left{
      width: 35vw !important;
      left: 3vw !important;
      top: 2vw !important;
    }

    .top_right{
      width: 10vw !important;
      right: 5vw !important;
      top: 2vw !important;
    }

    .middle_left{
      top: 28vw !important;
      left: 5vw !important;
      width: 8vw !important;
    }

    .middle_right
    {
      top: 28vw !important;
      right: 5vw !important;
      width: 10vw !important;
    }

    .bottom_left{
      width: 8vw !important;
      left: 5vw !important;
      bottom: -4vw !important;
    }

    .mid_bottom_container{
      margin-top: -3px !important;
    }

    .mid_bottom_globe{
      height: 12vw !important;
      left: -13vw !important;
    }

    .mid_bottom_logo{
      height: 10vw !important;
    }

    .mid_bottom_glass{
      height: 10vw !important;
      right: -12vw !important;
      bottom:15px !important; 
    }

    .bottom_right{
      width: 8vw !important;
      right: 0 !important;
      bottom: 2vw !important
    }

    .section2{
        position: relative;
        background-color: #FFDBF7;
        height: 100%;
        width: 100%;
    }

    .description{
      width: 85% ;
      margin: auto;
    }

    .title_text{
      margin-top: 30vw;
      font-size: 7vw;
      color: #7043BD;
      font-family: 'Neuzeit Grotesk Semi';
      margin-bottom: 2vw;
    }
    
    .description_text{
      font-size: 4vw ;
      text-align: justify;
      color: #7043BD;
      font-weight: 900;
      font-family: 'Neuzeit Grotesk';
      line-height: 1.3em;
    }

    .image_4ever{
      position: absolute;
      width: auto;
      height: 22vw;
      right: 9vw;
      top:14vw;
    }

    .image_4ever_blink{
      position: absolute;
      width: auto;
      height: 15vw;
      right: 2vw;
      top:15vw;
    }

    .purple_description{
      position: relative;
    }

    .purple_description img{
      width: 100%;
    }

    .description_text_purple{
      
      font-size: 3.6vw;
    
    }

    .anniv_logo{
      position: relative;
      height: auto;
      width: 100%;
      margin-left: 50%;
      transform: translate(-50%);
      padding: 5vw;
    }

    .slider {
      position: absolute;
      width: 100%;
      scale: 1.6;
      top: 40vw; 
    }

    .image_slider img {
      width: 100%;
      height: auto;
      padding: 3px;
    }

    .shop{
      font-size: 10vw;
      margin-top: 45vw !important;
    }

}

@media screen and (min-width: 769px) and (max-width:940px){

  .section2{
    height: 100vw !important;
  }
  
  .banner{
      height: auto !important;
      width: 100% !important;
    }

    .main_image{
      width: 100% !important;
      padding: 0 30px 0 30px !important;
    }

    .top_left{
      width: 35vw !important;
      left: 3vw !important;
      top: 2vw !important;
    }

    .top_right{
      width: 10vw !important;
      right: 5vw !important;
      top: 2vw !important;
    }

    .middle_left{
      top: 28vw !important;
      left: 5vw !important;
      width: 8vw !important;
    }

    .middle_right
    {
      top: 28vw !important;
      right: 5vw !important;
      width: 10vw !important;
    }

    .bottom_left{
      width: 8vw !important;
      left: 5vw !important;
      bottom: -4vw !important;
    }

    .mid_bottom_container{
      margin-top: -3px !important;
    }

    .mid_bottom_globe{
      height: 12vw !important;
      left: -13vw !important;
    }

    .mid_bottom_logo{
      height: 10vw !important;
    }

    .mid_bottom_glass{
      height: 10vw !important;
      right: -12vw !important;
      bottom:15px !important; 
    }

    .bottom_right{
      width: 8vw !important;
      right: 0 !important;
      bottom: 2vw !important
    }

    .section2{
        position: relative;
        background-color: #FFDBF7;
        height: 100%;
        width: 100%;
    }

    .description{
      width: 85% ;
      margin: auto;
    }

    .title_text{
      margin-top: 30vw;
      font-size: 7vw;
      color: #7043BD;
      font-family: 'Neuzeit Grotesk Semi';
      margin-bottom: 2vw;
    }
    
    .description_text{
      font-size: 4vw ;
      text-align: justify;
      color: #7043BD;
      font-weight: 900;
      font-family: 'Neuzeit Grotesk';
      line-height: 1.3em;
    }

    .image_4ever{
      position: absolute;
      width: auto;
      height: 22vw;
      right: 9vw;
      top:14vw;
    }

    .image_4ever_blink{
      position: absolute;
      width: auto;
      height: 15vw;
      right: 2vw;
      top:15vw;
    }

    .purple_description{
      position: relative;
    }

    .purple_description img{
      width: 100%;
    }

    .description_text_purple{
     
      font-size: 3.6vw;
    }

    .anniv_logo{
      position: relative;
      height: auto;
      width: 100%;
      margin-left: 50%;
      transform: translate(-50%);
      padding: 5vw;
    }

    .slider {
      position: absolute;
      width: 100%;
      scale: 1.6;
      top: 40vw; 
    }

    .image_slider img {
      width: 100%;
      height: auto;
      padding: 3px;
    }

    .shop{
      font-size: 10vw;
      margin-top: 45vw !important;
    }

}

@media screen and (min-width: 941px) and (max-width:1024px){

  .section2{
    height: 100vw !important;
  }
  
  .banner{
      height: auto !important;
      width: 100% !important;
    }

    .main_image{
      width: 100% !important;
      padding: 0 30px 0 30px !important;
    }

    .top_left{
      width: 35vw !important;
      left: 3vw !important;
      top: 2vw !important;
    }

    .top_right{
      width: 10vw !important;
      right: 5vw !important;
      top: 2vw !important;
    }

    .middle_left{
      top: 28vw !important;
      left: 5vw !important;
      width: 8vw !important;
    }

    .middle_right
    {
      top: 28vw !important;
      right: 5vw !important;
      width: 10vw !important;
    }

    .bottom_left{
      width: 8vw !important;
      left: 5vw !important;
      bottom: -4vw !important;
    }

    .mid_bottom_container{
      margin-top: -3px !important;
    }

    .mid_bottom_globe{
      height: 12vw !important;
      left: -13vw !important;
    }

    .mid_bottom_logo{
      height: 10vw !important;
    }

    .mid_bottom_glass{
      height: 10vw !important;
      right: -12vw !important;
      bottom:15px !important; 
    }

    .bottom_right{
      width: 8vw !important;
      right: 0 !important;
      bottom: 2vw !important
    }

    .section2{
        position: relative;
        background-color: #FFDBF7;
        height: 100%;
        width: 100%;
    }

    .description{
      width: 85% ;
      margin: auto;
    }

    .title_text{
      margin-top: 30vw;
      font-size: 7vw;
      color: #7043BD;
      font-family: 'Neuzeit Grotesk Semi';
      margin-bottom: 2vw;
    }
    
    .description_text{
      font-size: 4vw ;
      text-align: justify;
      color: #7043BD;
      font-weight: 900;
      font-family: 'Neuzeit Grotesk';
      line-height: 1.3em;
    }

    .image_4ever{
      position: absolute;
      width: auto;
      height: 22vw;
      right: 9vw;
      top:14vw;
    }

    .image_4ever_blink{
      position: absolute;
      width: auto;
      height: 15vw;
      right: 2vw;
      top:15vw;
    }

    .purple_description{
      position: relative;
    }

    .purple_description img{
      width: 100%;
    }

    .description_text_purple{
     
      font-size: 3.6vw;
    }

    .anniv_logo{
      position: relative;
      height: auto;
      width: 100%;
      margin-left: 50%;
      transform: translate(-50%);
      padding: 5vw;
    }

    .slider {
      position: absolute;
      width: 100%;
      scale: 1.6;
      top: 40vw; 
    }

    .image_slider img {
      width: 100%;
      height: auto;
      padding: 3px;
    }

    .shop{
      font-size: 10vw;
      margin-top: 45vw !important;
    }

}


/* TABLET PORTRAIT  */
@media screen and (min-width:481px) and (max-width:768px)  and (orientation: portrait) 
and (-webkit-min-device-pixel-ratio: 1) {

  .section2{
    height: 50vh !important;

  }

  .banner{
    height: auto !important;
    width: 100% !important;

  }

  .main_image{
    width: 100% !important;
    padding: 0 70px 0 70px !important;
  }

  .top_left{
    width: 35vw !important;
    left: 3vw !important;
    top: 2vw !important;
  }

  .top_right{
    width: 10vw !important;
    right: 5vw !important;
    top: 2vw !important;
  }

  .middle_left{
    top: 28vw !important;
    left: 5vw !important;
    width: 8vw !important;
  }

  .middle_right
  {
    top: 28vw !important;
    right: 5vw !important;
    width: 10vw !important;
  }

  .bottom_left{
    width: 8vw !important;
    left: 5vw !important;
    bottom: -4vw !important;
  }

  .mid_bottom_container{
    margin-top: -3px !important;
  }

  .mid_bottom_globe{
    height: 12vw !important;
    left: -13vw !important;
  }

  .mid_bottom_logo{
    height: 10vw !important;
  }

  .mid_bottom_glass{
    height: 10vw !important;
    right: -10vw !important;
  }

  .bottom_right{
    width: 8vw !important;
    right: 0 !important;
    bottom: 2vw !important
  }

  .mid_bottom_container{
    margin-top: -3px !important;
  }

  .mid_bottom_globe{
    height: 12vw !important;
    left: -13vw !important;
  }

  .mid_bottom_logo{
    height: 10vw !important;
  }

  .mid_bottom_glass{
    height: 10vw !important;
    right: -10vw !important;
  }

  .bottom_right{
    width: 8vw !important;
    right: 0 !important;
    bottom: 2vw !important
  }

  .section2{
      position: relative;
      background-color: #FFDBF7;
      height: 100%;
      width: 100%;
  }

  .description{
    width: 70% ;
    margin: auto;
  }

  .title_text{
    margin-top: 20vw;
    font-size: 6vw;
    color: #7043BD;
    font-family: 'Neuzeit Grotesk Semi';
  }
  
  .description_text{
    font-size: 3vw ;
    text-align: justify;
    margin-bottom: 30vw;
    color: #7043BD;
    font-weight: 900;
    font-family: 'Neuzeit Grotesk';
    line-height: 1.3em;
  }

  .image_4ever{
    position: absolute;
    width: auto;
    height: 20vw;
    right: 10vw;
    top:7vw;
  }

  .image_4ever_blink{
    position: absolute;
    width: auto;
    height: 11vw;
    right: 6vw;
    top:6vw;
  }

  .purple_description{
    position: relative;
  }

  .purple_description img{
    width: 100%;
  }

  .description_text_purple{
    
    font-size: 3.8vw;
   
  }

  .anniv_logo{
    position: relative;
    height: auto;
    width: 100%;
    margin-left: 50%;
    transform: translate(-50%);
    padding: 5vw;
  }

  .slider {
    position: absolute;
    width: 100%;
    top: 30vw; 
  }

  .image_slider img {
    width: 100%;
    height: auto;
    padding: 3px;
  }

  .shop{
    font-size: 6vw ;
    margin-top: 15vw !important;
    font-family: 'Neuzeit Grotesk';
  }
}



/* IPAD AIR PORTRAIT*/
@media only screen 
  and (min-device-width: 820px) 
  and (max-device-width: 1180px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1){
  
    .banner{
      height: auto !important;
      width: 100% !important;
  
    }
  
    .main_image{
      width: 100% !important;
      padding: 0 70px 0 70px !important;
    }
  
    .top_left{
      width: 35vw !important;
      left: 3vw !important;
      top: 2vw !important;
    }
  
    .top_right{
      width: 10vw !important;
      right: 5vw !important;
      top: 2vw !important;
    }
  
    .middle_left{
      top: 28vw !important;
      left: 5vw !important;
      width: 8vw !important;
    }
  
    .middle_right
    {
      top: 28vw !important;
      right: 5vw !important;
      width: 10vw !important;
    }
  
    .bottom_left{
      width: 8vw !important;
      left: 5vw !important;
      bottom: -4vw !important;
    }
  
    .mid_bottom_container{
      margin-top: -3px !important;
    }
  
    .mid_bottom_globe{
      height: 12vw !important;
      left: -13vw !important;
    }
  
    .mid_bottom_logo{
      height: 10vw !important;
    }
  
    .mid_bottom_glass{
      height: 10vw !important;
      right: -10vw !important;
    }
  
    .bottom_right{
      width: 8vw !important;
      right: 0 !important;
      bottom: 2vw !important
    }
  
    .mid_bottom_container{
      margin-top: -3px !important;
    }
  
    .mid_bottom_globe{
      height: 12vw !important;
      left: -13vw !important;
    }
  
    .mid_bottom_logo{
      height: 10vw !important;
    }
  
    .mid_bottom_glass{
      height: 10vw !important;
      right: -10vw !important;
    }
  
    .bottom_right{
      width: 8vw !important;
      right: 0 !important;
      bottom: 2vw !important
    }
  
    .section2{
      height:70vw !important;
  }

  .description{
    width: 70% ;
    margin: auto;
  }

  .title_text{
    margin-top: 20vw;
    font-size: 6vw;
    color: #7043BD;
    font-family: 'Neuzeit Grotesk Semi';
  }
  
  .description_text{
    font-size: 3vw ;
    text-align: justify;
    margin-bottom: 30vw;
    color: #7043BD;
    font-weight: 900;
    font-family: 'Neuzeit Grotesk';
    line-height: 1.3em;
  }

  .image_4ever{
    position: absolute;
    width: auto;
    height: 20vw;
    right: 10vw;
    top:7vw;
  }

  .image_4ever_blink{
    position: absolute;
    width: auto;
    height: 11vw;
    right: 6vw;
    top:6vw;
  }

  .purple_description{
    position: relative;
  }

  .purple_description img{
    width: 100%;
  }

  .description_text_purple{
    font-size: 3.8vw;
   
  }

  .anniv_logo{
    position: relative;
    height: auto;
    width: 100%;
    margin-left: 50%;
    transform: translate(-50%);
    padding: 5vw;
  }

  .slider {
    position: absolute;
    width: 100%;
    top: 25vw; 
  }

  .image_slider img {
    width: 100%;
    height: auto;
    padding: 3px;
  }

  .shop{
    font-size: 6vw ;
    margin-top: 15vw !important;
    font-family: 'Neuzeit Grotesk';
  }
      
}


/* IPAD AIR LANDSCAPE*/
@media only screen 
  and (min-device-width: 820px) 
  and (max-device-width: 1180px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1){

    
    .banner{
      height: auto !important;
      width: 100% !important;
  
    }
  
    .main_image{
      width: 100% !important;
      padding: 0 120px 0 120px !important;
    }

    .top_left{
      width: 35vw !important;
      left: 3vw !important;
      top: 2vw !important;
    }
  
    .top_right{
      width: 10vw !important;
      right: 5vw !important;
      top: 2vw !important;
    }
  
    .middle_left{
      top: 28vw !important;
      left: 5vw !important;
      width: 8vw !important;
    }
  
    .middle_right
    {
      top: 28vw !important;
      right: 5vw !important;
      width: 10vw !important;
    }
  
    .bottom_left{
      width: 8vw !important;
      left: 5vw !important;
      bottom: -4vw !important;
    }
  
    .mid_bottom_container{
      margin-top: -3px !important;
    }
  
    .mid_bottom_globe{
      height: 12vw !important;
      left: -13vw !important;
    }
  
    .mid_bottom_logo{
      height: 10vw !important;
    }
  
    .mid_bottom_glass{
      height: 10vw !important;
      right: -10vw !important;
    }
  
    .bottom_right{
      width: 8vw !important;
      right: 0 !important;
      bottom: 2vw !important
    }
  
    .mid_bottom_container{
      margin-top: -3px !important;
    }
  
    .mid_bottom_globe{
      height: 12vw !important;
      left: -13vw !important;
    }
  
    .mid_bottom_logo{
      height: 10vw !important;
    }
  
    .mid_bottom_glass{
      height: 10vw !important;
      right: -10vw !important;
    }
  
    .bottom_right{
      width: 8vw !important;
      right: 0 !important;
      bottom: 2vw !important
    }
  }


  /* IPAD PRO */
  @media only screen 
  and (min-device-width: 1024px) 
  and (max-device-width: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1){

    .section2{
      height: 60vw !important;
    }  

    .banner{
      height: auto !important;
      width: 100% !important;
  
    }
  
    .main_image{
      width: 100% !important;
      padding: 0 100px 0 100px !important;
    }

    .top_left{
      width: 35vw !important;
      left: 3vw !important;
      top: 2vw !important;
    }
  
    .top_right{
      width: 10vw !important;
      right: 5vw !important;
      top: 2vw !important;
    }
  
    .middle_left{
      top: 28vw !important;
      left: 5vw !important;
      width: 8vw !important;
    }
  
    .middle_right
    {
      top: 28vw !important;
      right: 5vw !important;
      width: 10vw !important;
    }
  
    .bottom_left{
      width: 8vw !important;
      left: 5vw !important;
      bottom: -4vw !important;
    }
  
    .mid_bottom_container{
      margin-top: -3px !important;
    }
  
    .mid_bottom_globe{
      height: 12vw !important;
      left: -13vw !important;
    }
  
    .mid_bottom_logo{
      height: 10vw !important;
    }
  
    .mid_bottom_glass{
      height: 10vw !important;
      right: -10vw !important;
    }
  
    .bottom_right{
      width: 8vw !important;
      right: 0 !important;
      bottom: 2vw !important
    }
  
    .mid_bottom_container{
      margin-top: -3px !important;
    }
  
    .mid_bottom_globe{
      height: 12vw !important;
      left: -13vw !important;
    }
  
    .mid_bottom_logo{
      height: 10vw !important;
    }
  
    .mid_bottom_glass{
      height: 10vw !important;
      right: -10vw !important;
    }
  
    .bottom_right{
      width: 8vw !important;
      right: 0 !important;
      bottom: 2vw !important
    }
    
    .description{
      width: 80% ;
      margin: auto;
      right: 0;
    }
  
    .title_text{
      margin-top: 7vw;
      font-size: 5vw;
      color: #7043BD;
      font-family: 'Neuzeit Grotesk Semi';
      left: 0;
    }

    .image_4ever{
      position: absolute;
      width: auto;
      height: 30vw;
      left: 5vw;
      top:13vw;
    }

    .image_4ever_blink{
      position: absolute;
      width: auto;
      height: 11vw;
      left: 43%;
      top: 24%;
    }

    .description_text_purple{
      font-size: 2.2vw !important;
     
    }
    
  }

@media screen and (min-width: 1025px) {
  
    .image_4ever{
      position: absolute;
      width: auto;
      height: 20vw;
      left: 12vw;
      top:5vw;
    }
  
    .image_4ever_blink{
      position: absolute;
      width: auto;
      height: 11vw;
      left: 42%;
      transform: translate(-50%, 45%);
      top:0;
    }

    .description{
      width: 70% ;
      margin: auto;
    }
  
    .title_text{
      margin-top: 7vw;
      font-size: 3vw;
      color: #7043BD;
      font-family: 'Neuzeit Grotesk Semi';
    }
    
    .description_text{
      font-size: 1.5vw ;
      text-align: justify;
      margin-bottom: 30vw;
      color: #7043BD;
      font-weight: 900;
      font-family: 'Neuzeit Grotesk';
      line-height: 1.3em;
    }

    .purple_description{
      position: relative;
    }
  
    .purple_description img{
      width: 100%;
    }
  
    .description_text_purple{
      /* position: absolute;
      z-index: 10;
      top: 50%;
      left: 50%;
      width: 60%;
      transform: translate(-50%, -50%); */
      font-size: 1.8vw;
      /* color: white;
      font-weight: bold;
      text-align: center;
      font-family: 'Neuzeit Grotesk';
      line-height: 1.5em;
      word-spacing: 3px; */
    }

    .anniv_logo{
      height: auto;
      width: 100%;
      margin-left: 50%;
      transform: translate(-50%);
      padding: 5vw;
    }

    .slider {
      position: absolute;
      width: 80%;
      top: 25vw; 
      left: 50%;
      transform: translate(-50%);
    }

    .image_slider img {
      width: 100%;
      height: auto;
      padding: 3px;
    }

    .shop{
      font-size: 5vw ;
      margin-top: 0vw !important;
      font-family: 'Neuzeit Grotesk Semi';
    }

}


    .section1{
    position: relative;
    }

    .section2{
      position: relative;
      background-color: #FFDBF7;
      height: 30vw;
    }

    .section3{
      height: 100%;
      width: auto;
    }

    .section4{
      position: relative;
      margin-top: -5px;
      width: 100%;
      background-color: #053A4A;
      height: 100%;
    }

    .row{
    display: flex;
    justify-content: space-between;
    }

    .banner{
      position: relative;
      width: 100%;
      height: 100vh;
    }

    .main_image{
      position: absolute;
      width: 60%;
      height: auto;
      left: 50%;
      top:50%;
      transform: translate(-50%, -50%);
      padding:0 50px 0 50px;
    }

    .mini_image{
      position: absolute;
      height: 100%;
      width: auto;
    }

    .top_left{
      width:20vw;
      height: auto;
      left: 15vw; 
      top:8vh;
    }

    .top_right{
      width: 8vw;
      height: auto;
      right: 20vw;
      top: 7vh;
    }

    .middle_left{
      width:5vw;
      height: auto;
      left: 22vw; 
      top:40vh;
    }
    .middle_right{
      width: 7vw;
      height: auto;
      right: 18vw;
      top: 40vh;
    }
    .bottom_left{
      width: 5vw;
      height: auto;
      left: 18vw;
      bottom: -5%;
      z-index: 10;
    }

    .bottom_right{
      width: 5vw;
      height: auto;
      right: 17vw;
      bottom:10%;
    }

    .mid_bottom_container {
      display: flex;
      align-items: flex-end;
      justify-content: space-between;
      margin-top: -3vw;
      position: relative;
    }

    .mid_bottom_image {
      position: absolute;
      height: 100%;
      width: 100%; 
      display: flex;
      justify-content: space-between;
      align-items: flex-end;
    }

    .mid_bottom_globe{
      height: 7vw;
      width: auto;
      position: absolute;
      z-index: 10;
      left: 0;
    }
    .mid_bottom_logo{
      height: 5.5vw;
      width: auto;
      position: absolute;
      left: 50%;
      transform: translate(-50%);
      z-index: 0;
    }
    .mid_bottom_glass{
      height: 5vw;
      width: auto;
      position: absolute;
      right: 5%;
      bottom:30px; 
    }

    
    .backstage{
      position: relative;
      width: 100%;
      height: auto;
      margin-top: -5px;
    }

    .purple_description{
      position: relative;
    }

    .purple_description img{
      height: 100%;
      margin-top: -5px
    }

    .description_text_purple{
      position: absolute;
      z-index: 10;
      top: 50%;
      left: 50%;
      width: 75%;
      transform: translate(-50%, -50%);
      color: white;
      font-weight: bold;
      text-align: center;
      font-family: 'Neuzeit Grotesk';
      line-height: 1.3em;
      word-spacing: 3px;
    }
    
   



    .backstage{
      width: 100%;
      height: auto;
    }

    

    .shop
    {
      text-transform: uppercase;
      text-align: center;
      color: white;
      margin-top:30vw;
      font-weight: 950;
    }



.col_1 {
  width: 8.33%;
}
.col_2 {
  width: 16.66%;
}
.col_3 {
  width: 25%;
}
.col_4 {
  width: 33.33%;
}
.col_5 {
  width: 41.66%;
}
.col_6 {
  width: 50%;
}
.col_7 {
  width: 58.33%;
}
.col_8 {
  width: 66.66%;
}
.col_9 {
  width: 75%;
}
.col_10 {
  width: 83.33%;
}
.col_11 {
  width: 91.66%;
}
.col_12 {
  width: 100%;
}

.col1{
  border:1px solid red;
  width:100%;
  height: 350px;
}
.col2{
  border:1px solid green;
  width: 100%;
  height: 350px;
}