iframe{
    width: 100%;
}



#bklocal{
    z-index: 1;
    grid-column:1/13;
    background-image: url(img/coliseu.jpg);
    background-position: center;
    height: 950px;
    justify-items: center;
}

#localtit{
    position: relative;
    top: -225px;
    z-index: 20;
    text-align: center;
}



#cor_amarelo{
    color: var(--navcolor);
}

#bkcolor{
    position: relative;
   background-color: var(--sitebackground);
   opacity: 70%;
   height: 270px;
   z-index: 10;
   width: 100%;


}



.p-formal{
    font-size: 20px !important; 
    line-height: 32px !important;
}



#caixalocal{
    background-image: url(img/local_caixa.svg);
   height: 206px;
    background-repeat: no-repeat;
    align-self: flex-end;
    grid-column: 2/6;
    z-index: 30;
    position: relative;
    top: -200px;

}

#caixalocal p{
    
    margin-left: 20px;
}

.espacotoplocal{
    margin-top: 45px;
}

#bkcolorinfo{
    background-color: var(--bkcolorinfo);
     position: relative;
    top: -205px;
    z-index: 40;
   
   
}

#info{
    grid-column: 2/8;
    margin-top: 210px;
    grid-row: 1;
    
    
   
}

#mapa{
    grid-column: 8/12;
    grid-row: 1;
    margin-top: 320px;
    margin-bottom: 105px;
}

.espinfo{
    margin-bottom: 30px;
}


#performertit{
   grid-column: 1/13;
    text-align: center;
     margin-bottom: 110px;
    
}

#performers{
    display: flex;
    grid-column: 1/13;
      
    flex-wrap: wrap;

    gap: 22px;

    padding: 0px 18px;
    

}




.nomeperform{
   margin-top: 10px;
    font-size: 20px;
    font-weight: bold;
    line-height: 32px;
    color: var(--navcolor);

}

.esppessoas{
   grid-column:auto span 4;
    
}

#letmusic{
    margin-top: 330px;
}

#titticket{
    grid-column: 1/13;
    grid-row: 1;
    text-align: center;
    margin-bottom: 30px;

}

#amarelotick{
   
    background-color: var(--navcolor);
    grid-column: 1/13;
    justify-items: center;
    flex-direction: column;
}

#joinporters p{
    text-align: center;
    color: var(--sitebackground);
    font-weight: bold;
    font-size: 20px;
    line-height: 32px;
    margin-top: 45px;
    margin-bottom: 45px;
}

#ctafinal{
    margin-top: 45px;
    margin-bottom: 45px;
}

#ctafinal h2{
    font-size: 42px;
    font-weight: bold;
    text-align: center;
}

#ctafinal a{
    background-image: url(img/cta_2.png) !important;
   
}


#vip{
    margin-top: 330px;
}


#viptit{
    grid-column: 1/13;
    text-align: center;
    margin-bottom: 230px;
}



.clvip{
    display: grid;
    grid-template-columns: 1fr 1fr;
    column-gap: 175px;
    grid-column: 1/13;

}





.titclvip{
    font-weight: bold;
    margin-top: 30px;
    margin-bottom: 20px;
    grid-row: 2 !important;
}


#ctavip{
    grid-column: 1/13;
    justify-items: center;
    margin-top: 115px;
   
    

}

#ctavip h2{
   font-size: 42px;
    font-weight: bold;
    text-align: center;

}


/* ------------------------------------------------------ 440 ---------------------------------------------------------- */
@media only screen and (max-width: 440px){
    
    h3, h2{
        font-size: 30px !important;
        line-height: 30px !important;
    }
    

    #caixalocal {
    grid-column: 2 / 12;
    }

    #info {
    grid-column: 2 / 12;
    margin-top: 110px;
    
  }

    
    #mapa{
        grid-row: 2 !important;
        grid-column: 2 / 12;
    grid-row: 1;
     margin-top: 105px;
    margin-bottom: 105px;
    }


    #performers {
  
    justify-content: center;
    gap: 50px;
   }

   .clvip {
    
     column-gap: 0px; 
     

   }
    

   #ctafinal h2 {
    margin-bottom: 25px;
  }

   #mbimgmeet{
    grid-column: 1/3;
   }

   #mbclmeet{
    grid-row: 3;
    grid-column: 1/3;
    margin-bottom: 150px;
   }


   #mbcl1{
    grid-row: 4;
            grid-column: 1 / 3;
    
   }


   #mbcl2{
    grid-row: 5 !important;
            grid-column: 1 / 3;
   }


   #mbcl3{
    grid-row: 6;
            grid-column: 1 / 3;
   }


   #ctavip h2 {
   
    margin-bottom: 25px;
   }

}