.blogger {
    





// 375px
// 450px
// 680px
// 720px
// 860px
// 1024px
// 1080px
// 1280px
// 432px
// 576px
// 768px
// 1024px
// 1280px

// $primary:               #262526;
// $primary_color:         #ffffff;
// $primary_hover:         lighten(#262526, 30%);
// $primary_hover_color:   #ffffff;
// $secondary:             #487fbc;
// $fond:                  #ededee;
// $gray_1:                #a8a8a8;
// $gray_2:                #dbdbdb;
// $gray_3:                #f4f4f4;
// $lightgray:             #f9f9f9;

@mixin media($max: false, $min: false) {
    @if $max {
        @if $min {
            @media screen and (max-width: $max - 1) and (min-width: $min) {
                @content;
            }
        }

        @else {
            @media screen and (max-width: $max - 1) {
                @content;
            }
        }
    }

    @else {
        @media screen and (min-width: $min) {
            @content;
        }
    }
}





h1 {
    .template-miniserien & {
        margin: 0;
    }
}

h2 {
    &.miniserie-group-title {
        width: 100%;
        margin: 0;
        padding: 1rem;
        text-decoration: none;
        @include media($min: 680px) {
            padding: 1.5rem 2.5rem;
        }
    }
}

h3 {
    &.miniserie-title  {
        margin: 0;
        padding: 0 0 2rem 0;
        text-decoration: none;
        @include media($min: 680px) {
            padding: 1.5rem 2.5rem;
        }
    }
}

a {
    .miniserie-group > & {
        text-decoration: none;
        &:hover {
            text-decoration: underline;
        }
    }
    .miniserie > & {
        text-decoration: none;
        &:hover {
            text-decoration: underline;
        }
    }
}
}