@media only screen and (max-width: 1023px) {
    /* Menu */
    header.is-active {
        position: fixed;
        height: 100vh;
    }
    header.is-active .menu {
        position: absolute;
        top: 200px;
        width: 100%;
        height: 100vh;
        left: 0;
        font-size: 1.5rem;
    }   

    .hamburger:before,
    .hamburger:after,
    .hamburger div {
      background: #10284a;
      content: "";
      display: block;
      height: 6px;
      border-radius: 3px;
      margin: 7px 0;
      transition: 0.5s;
      width: 50px;
    }
    .hamburger:hover{
        cursor: pointer;
    }
    .hamburger.is-active:before {
        transform: translateY(12px) rotate(135deg);
    }
    .hamburger.is-active:after {
        transform: translateY(-12px) rotate(-135deg);
    }
    .hamburger.is-active div {
      transform: scale(0);
    }
    
}

@media only screen and (max-width: 767px) {
    #bannerCookie {
        max-width: 100%;
        margin: 0 10px;
        right: 0;
        bottom: 10px;        
    }
    .article-item, .abo-type-template { 
        position: relative;
    }
    .article-item:after, .abo-type-template:after {
        position: absolute;
        content: '';
        background-color: #c99e64;
        width: 20%;
        left: 50%;
        transform: translateX(-50%);
        height: 3px;
        bottom: -50px;
    }
}