
@font-face {
    font-family: "Intro Head Base";
    src: url("fonts/INTROHEADB-BASE.woff2") format('woff2');
}

@font-face {
    font-family: "Intro Head Gbase";
    src: url("fonts/INTROHEADB-GBASE.woff2") format('woff2');
}

@font-face {
    font-family: "Intro Head Druc";
    src: url("fonts/INTROHEADRUC-BASE.woff2") format('woff2');
}

body{
background-color: #ff8039;
}

nav{
    background-color: #ffcb39; 

}

nav li{
        font-family: "Intro Head Gbase";
}

nav li.active{
    font-weight: 600;
}

section{
     margin-bottom: 20px;
}

section h2{
    background-color: #000;
    color: #fff;
    padding: 30px 30px;
    font-family: "Intro Head Base";
}

.navbar-brand img {
    width: 50px;
}


#banda .miembro{
    width: 80%;
    margin-left: 10%;
    border-radius: 50%;
    margin-bottom: 20px;
}

#banda h3{  
    font-family: "Intro Head Base";

}


#instrumentos .backline{
    width: 100%;
    height: 400px;
}


#shows .nuestroShows{
    width: 100%;
    height: 80vh;
    background: url(img/shows.png) center center / contain no-repeat;
}


footer{
    background-color: #000;
        color: #fff;
    padding: 30px 30px;
}

footer li{
    display: inline;
    float: left;
    border-radius: 50%;
    height: 30px;
    width: 30px;
    background-color: #fff;
    margin-left: 10px;
    margin-right: 10px;

}

footer li i {
    padding: 7px 8px;
    color: #000;
}

footer li a{
    float:right;
}