*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}
h1{
    /*background-color: #F50326;VERMELHO*/
    color: #020104;/*PRETO*/
    padding: 0;
}
#banda h2{
    font-size: .8em;
}

.special-icon{
    color: #EFE3CB;
}
body{
    background-color: #EFE3CB; /*FUNDO*/
    font-family: "Oswald", sans-serif;
    background-image: url(./Imagens/Fundo_Branco.png);
    background-size: cover; /* Ajusta a imagem para cobrir todo o espaço disponível */
    background-position: center; /* Centraliza a imagem no elemento */
    background-repeat: no-repeat;
}
span{
    color: #F50326;
}
#cabecalho{
    background-image: url(./Imagens/Fundo_Branco.png);
    border-radius: 0 0 12px 12px;
}
.logoIcon{
    width: 8em;
    margin: .7em 0 .7em .7em;
}
.iconPentagram{
    width: 1em;
}
.menuList{
    list-style: none;
}
.menuList a{
    text-decoration: none;
    color: #020104;
    margin-right: 1em;
    font-size: 1.3em;
    font-weight: 500;
}
.menuList a:hover{
    background-color: #F50326;
    padding: .2em;
    border-radius: 3px;
}
.menuList li{
    display: inline-block;
}
header{
    display: flex;
    justify-content: space-between;
    align-items: center;
}
.carousel{
    box-shadow: 3px 5px 35px rgba(0, 0, 0, 0.5);
}
.carousel-item img{
    width: 100%;
    height: 750px;
    border-radius: 3px;
}
.display{
    display: flex;
    justify-content: space-between;
}
#banda h2, #setlist h2, #mapa h2, #cover h2, #contato h2{
    color: #F50326;
    font-weight: 700;
    font-size: 3em;
    background-color: #020104;
    padding: 8px;
    border-radius: 6px;
    margin-top: .5em;
}

#banda p, #setlist p, #mapa p, #cover p, #contato p{
    font-family: "Oswald", sans-serif;
    font-weight: 400;
    font-size: 1.2em;
    align-items: center;
    color: #020104;
    line-height: 1.8;
}
#frase{
    background-color: #f50327;
    padding: 6px;
    font-size: 1.6em;
}
#frase i{
    padding-right: .675em;
}
.linhaDoTempo img {
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    max-width: 100%;
    margin-left: 3em;
}
.quem-somos h4{
    margin-right: 2em;
}
.quem-somos p{
    margin-right: 2em;
}
.quemSomos img{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    max-width: 100%;
}
.quemSomos h4{
    font-size: 1.4em;
}
.linhaDoTempo h4, .quem-somos h4{
    margin-bottom: .5em;
    font-size: 1.8em;
    text-align: center;
}

.quemSomos img{
    width: 230px;
    border: 2px solid #F50326;
    
}
.quemSomos h4{
    font-size: 1em;
    text-align: center;
    font-weight: 300;
    font-family: "Oswald", sans-serif;
    margin-top: .5em;
}
.quemSomos p{
    font-size: 1em;
    text-align: center;
    font-weight: 300;
    font-family: "Oswald", sans-serif;
    margin-bottom: 2em;
    text-align: center;
}

#setlist .carousel{
    width: 460px;
    height: 300px;
}
#setlist .carousel-item img{
    width: 460px;
    height: 300px;
    border-radius: 6px;
}
#setlist p{
    margin-top: 3em;
}
.custom-list li p {
    margin-top: 0;
}
#setlist h5{
    font-weight: 500;
    font-size: 1em;
}
#setlist h6{
    font-weight: 200;
}
.custom-list {
    list-style-type: none; /* Remove os marcadores padrão da lista */
    padding: 0;
    margin-top: 2em;
}
.custom-list li {
    padding-left: 40px; /* Adiciona espaço à esquerda para o ícone */
    background: url('./Imagens/pentagrama.png') no-repeat left center; /* Define o ícone personalizado */
    background-size: 2em 2em; /* Tamanho do ícone */
    line-height: 20px; /* Altura da linha para centralizar verticalmente o texto */
}

.main-footer{
    background-color: #020104;
    border-radius: 6px;
    display: flex;
    box-shadow: 5px 5px 25px 5px rgba(0, 0, 0, 0.5);
}
.main-footer .copyright{
    font-size: 6px;
}
.main-footer h2{
    padding-top: .5em;
}

#obrigado{
    font-weight: 300;
    font-family: "Oswald", sans-serif;
    color: #F4E7CD;
}
#obrigado h2{
    text-transform: uppercase;
    font-size: 3em;
}
#obrigado p{
    margin-bottom: 0;
    padding: .5em;
    font-size: 1.2em;
    margin-top: .6em;
}
#obrigado img{
    width: 90%;
}
.direitosAutorais{
    color: #020104;
    text-align: center;
    font-size: .5em;
    margin-top: .5em;
}


/*Setlist*/
.texto-setlist img{
    display: none;
}
.image-setlist{
    display: none;
}

/*Mapa de Palco*/
.carousel-palco, .carousel-palco img{
    width: 460px;
    height: 300px;
}
.mapaPalco > img{
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
    border-radius: 6px;
    max-width: 100%;
    margin: 1em 0 1em 0;
}
.mapaPalco p{
    margin-top: 1em;
}


/*Motley Crue*/
.fraseFilme{
    text-align: end;
}


/*Contato*/
.contato-lista ul{
    list-style: none;
    padding-left: 0px;
}
.contato-lista a{
    text-decoration: none;
    color: #020104;
    font-size: 2em;
}
#contato p{
    font-size: 1.6em;
}
.mediaKit  a{
    text-decoration: none;
    color: #F50326;
    font-size: 1.5em;
}

/*footer das pages*/
.content-footer p{
    color: #020104;
    text-align: center;
    font-size: .5em;
}
.last-footer p{
    position: fixed;
    bottom: 0;
    margin-left: 30%;
}

@media screen and (max-width:820px){
    .navbar-toggler{
        margin-right: 2em;
    }
    .nav-item{
        margin-left: 2em;
    }
    #frase{
        font-size: 1em;
    }
    .linhaDoTempo img{
        margin-left: 0;
    }
    .texto-sobre{
        font-size: 1.2em;
    }

    /*SETLIST*/
    .image-setlist{
        width: 100%;
        margin-top: 30%;
        border-radius: 6px;
        display: block;
    }
    .carousel-setlist{
        display: none;
    }
    /*MAPA PALCO*/
    .footer-palco{
        position: fixed;
        bottom: 0;
        left: 40%;
    }

    /*Motley CRUE*/
    .discografia img{
        width: 100%;
    }
    .carousel-palco {
        width: 23.125em;
        border-radius: .5em;
    }
    .carousel-palco img {
        width: 100%;
        border-radius: .5em;
    }

    /*CONTATO*/
    .last-footer{
        margin-left: 5em;
    }
    
}


@media screen and (max-width:430px){
    .navbar-toggler{
        margin-right: 2em;
    }
    .nav-item{
        margin-left: 2em;
    }
    #banda .carousel{
        display: none;
    }
    .linhaDoTempo h4{
        font-size: 1.3em;
    }
    .quem-somos > h4{
        font-size: 1.3em;
        margin-left: 1em;
    }
    #obrigado p {
        font-size: 1em;
    }
    #obrigado img{
        margin-left: 1.2em;
    }
    
    
    /*SETLIST*/
    .texto-setlist img{
        display: block;
        width: 100%;
        border-radius: 6px;
    }
    
    
    /*MAPA DE PALCO*/
    .footer-palco{
        position: fixed;
        bottom: 0;
        left: 30%;
    }
    
    
    /*Motley CRUE*/
    .carousel-palco {
        display: none;
    }
    
    /*CONTATO*/
    .contato-lista a{
        font-size: 1.2em;
    }
    #contato p{
        font-size: 1em;
    }
    .mediaKit  a{
        font-size: 1em;
    }
    .last-footer{
        margin-left: 0;
    }
}







/*body img{
    box-shadow: 10px 10px 10px 10px rgba(0, 0, 0, 0.5);
}