body {
    font-family: Montserrat !important;
}

.sticky-wrapper {
    background-color: #2A1119;
}

.hero {
    height: 650px;
    background-size: cover;
    background-position: bottom;
    background-color: #2A1119;
}

.library-hero{
    padding-bottom: 30px;
}
.hero .title {
    font-size: 60px;
    font-weight: 700;
    color: white;
    margin: 3% 0;
}

.text-white {
    color: white;
}

.border-bottom {
    border-bottom: #ffffff5d 1px solid !important;
}

.hero .subtitle {
    font-size: 35px;
    font-weight: 700;
    color: white;
}

.hero .description {
    font-size: 20px;
    font-weight: 500;
    color: white;
    margin: 32px 0;
}

.section-content {
    margin-top: 20px;
}

.button {
    background-color: #AB0A3D;
    color: white;
    margin-top: 20px;
}

button.pdf-button:hover {
    background-color: white;
    color: #2A1119;
}

div.logo-qroo-container {
    margin-top: 16%;
}


div.accordion {
    display: flex;
    flex-direction: column;
    row-gap: 12px;

    margin-top: 16px;
    max-width: 400px;

    .accordion-item {
        background-color: #FFFFFF;
        border-radius: 8px !important;

        box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.12);
        -webkit-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.12);
        -moz-box-shadow: 1px 1px 4px 1px rgba(0,0,0,0.12);

        .accordion-header {
            border-radius: 8px !important;

            .accordion-button {
                border-radius: 8px !important;
                color: #AB0B3D;
                font-weight: bold;
                background-color: white;
            }
        }

        div.accordion-collapse {
            border-radius: 8px !important;
            font-size: 12px;

            a {
                color: #BA8B16;
                font-weight: bold;
                text-decoration: underline;
            }

            :hover {
                color: #BA8B16;
                text-decoration: underline;
            }
        }
    }


}

/* items de la biblioteca*/

.items-content {
    margin-top: 80px;
    padding-bottom: 80px;
}

/*end items biblioteca*/


/*telefonos*/
@media only screen and (max-width: 600px) {
    .logo-qroo-container, .subtitle{
        text-align: center;
    }
    .logo-qroo-container img{
        width: 150px;
    }

    .library-hero .section-content{
        text-align: center;
    }
}