section.header1 {
    padding: 30px 0px;
}

.services-content {
    display: inline !important;
}

.sidebar {
    background-color: transparent !important;
    text-align: center !important;
    border: none;
    width: 110%;
    overflow-y: inherit;
    box-shadow: none;

}

.menu-content ul li a {
    text-decoration: none;
    color: #9b2626;
    font-weight: 700;
}

.menu-content ul li a:hover {
    text-decoration: underline;
    color: #000000;
    font-weight: 100;
}

#planeacion p a, #tramites p a, #datos-abiertos p a, #normativa p a {
    text-decoration: none;
    color: #9b2626;
     line-break: anywhere;
}

#planeacion p a:hover, #tramites p a:hover, #datos-abiertos p a:hover, #normativa p a:hover {
    text-decoration: underline;
    color: #000000;
}

.tramites {
    font-weight: 700;
}

.menu-title {
    background-color: #ffffff;
}

.content-section {
    display: none;
    padding: 20px;
}

.content-section.active {
    display: block;
}

.menu-title.active {
    background-color: #e6d6d6;
    color: #9b2626;
    font-size: 1.25rem;
}

.menu-title {
    font-size: 1.25rem;
}

.menu-content ul {
    list-style-type: disc;
    padding-left: 0;
}

.menu-content {
    position: relative;
    left: 50px;
    text-align: left;
}

#main-services {
    padding: 0 15%;
}

@media (max-width: 480px) {
    .texto-tramite {
        font-size: 14px !important;
        line-height: 1.2;
    }
}


@media (max-width: 768px) {
    .menu-content {
        position: relative;
        left: 3px;
        text-align: left;
    }

    .sidebar {
        margin-left: inherit;
        max-height: none;
        padding: 0;
        right: 10%;
    }

    .menu-content ul {
        text-align: justify;
    }

    .menu-content ul li a {
        font-size: 1rem;
        line-break: anywhere;
    }
}