.container{
    margin-top: 100px
}
.container .row div p{
    color: #8F734A;
    font-size: 14px;
    font-weight: 400;
    font-style: italic;
    margin-top: 40px
}

.container .row div ul{
        font-size: 20px;
        border-top: 2px solid gray;
        border-bottom: 2px solid #e6e6e6;
        padding-left: 10%
}
.container .row div ul .selected{
    font-weight: 700
}
.container .row div ul li a{
        color: #8F734A;

    }
.nav-pills>li.active>a{
    background-color: #fff;
    font-weight: 700
}
.content_repertorio .row{
    margin-top: 50px;
}
.content_repertorio .row div{
    color: #8F734A;
    font-size: 18px;
    text-align: center;
}
.content_repertorio .row div audio{
    width: 100%
}

@media(max-width: 992px) {
    .container .row div ul{
        padding-left: 0px;
        padding-top: 10px;
        padding-bottom: 10px
    }
    .container .row div ul li {
            background-color: #8E2321;
            border: 2px solid #D2B688;
            margin: 3px
        }
    .container .nav-pills>li>a:hover, .container .nav-pills>li>a:focus{
        border-radius: 0px;
        background-color: #fff
    }
        .container .row div ul .selected{
            background-color: #fff;
            font-weight: 700
        }
    .container .row div ul li a{
            color: #BA8E4E;
            padding: 10px
        }
    .container .row div ul{
        font-size: 16px
    }
}