@media (max-width:600px) {

    h1 {
        font-size: 23px;
    }
}


@media (min-width: 1024px) {
    #sticky {
        position: sticky;
        top: 30px
    }

    #index_container {
        background: #f9f9f9 none repeat scroll 0 0;
        display: table !important;
        margin-bottom: 1em;
        padding: 20px;
        width: auto
    }

    #index_container p {
        font-weight: 600;
        font-size: larger;
        margin-bottom: 20px;
        margin: 0
    }

    #izq li, #index_container li {
        margin-top: 10px
    }

    #index_container a {
        text-decoration: none;
        color: inherit
    }

    #content {
        display: flex;
        margin-top: 20px
    }

    #izq {
        width: 70% !important;
        padding-right: 20px
    }

    .templated-page-content h1 {
        font-size: 50px
    }

    #der {
        width: 30% !important;
        position: relative !important
    }
}

#content p {
    text-align: justify
}

figcaption, figcaption em {
    margin-bottom: 40px;
    font-weight: 200
}

#content figure, .content figure {
    margin: 0
}


#content h1 {
    margin-top: auto
}

#content img {
    height: auto
}

strong, b {
    font-weight: 600
}

#index_container {
    display: none
}

figure blockquote {
    border-left: 3px solid;
    padding-left: 20px
}

blockquote + figcaption {
    text-align: right
}


@media only screen and (max-width: 1023px) {
    #back-to-top {
        bottom: 80px
    }
}