/*.content_section.typo_slider_section [data-ratio] > img {
    max-width: 50rem;
}
*/
.content_section.typo_slider_section .slick_wrapper {
    position: relative;
    padding-bottom: 75%;
}
.content_section.typo_slider_section {
    box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
}
.slick_slider .slick-arrow {
    height: 1.5rem;
    width: 1.5rem;
    border-width: 0.1rem;
}

.content_section.typo_slider_section .slider_content strong,
.blockquote .post_content strong {
    font-family: 'Old Standard TT', serif;
    font-weight: 400;
    font-size: 1.5rem;
}

.description_image {
    position: absolute;
    bottom: 0;
    right: 1rem;
    color: #ffffff;
}


@media screen and (min-width: 40em){
    /****************************************************************************
     * Slider
     ****************************************************************************/
    .content_section.typo_slider_section .slick_wrapper {
        padding-bottom: 56%;
    }
    
}



@media screen and (min-width: 64em){
    /****************************************************************************
     * Slider
     ****************************************************************************/
    .content_section.typo_slider_section {
        padding: 0;
        position: relative;
        overflow: visible;
        background: #a6a6a6;
        margin: 0 -2rem;
    }
    
    
    .content_section.typo_slider_section .slick_wrapper {
        padding-bottom: 30rem;
        max-width: 50rem;
    }
    .slider_section_wrapper {
        max-width: 80rem;
        margin: 0 auto;
        padding: 0 2rem;
    }
    .content_section.typo_slider_section .slider_content {
        left: 53rem;
        text-align: left;
        right: 0;
        max-width: 15rem;
        padding: 0;
    }
    .content_section.typo_slider_section .slider_content > div > div {
        width: 100%;
    }
    
    
    /****************************************************************************
     * Slider Full Width
     ****************************************************************************/
    .content_section.typo_slider_section.slider_full_width .slick_wrapper {
        max-width: 76rem;
    }
}


@media screen and (min-width: 80em){
    /****************************************************************************
     * Slider
     ****************************************************************************/
    .content_section.typo_slider_section {
        margin: 0 -9999rem;
    }
    .content_section.typo_slider_section .slider_content {
        max-width: 24rem;
    }
}