@media only screen and (max-width: 1023px) {
    h1 {
        font-size: 6rem;
        line-height: 4rem;
    }

    #homepage {
        background-position-x: 65%;
    }
    #podcast {
        /* background-position-x: 70%; */
    }
    #mehr {
        background-position-x: 38%;
    }

    /* Menu */
    .hamburger {
        padding-right: 0 !important;
        display: inline-block !important;
    }
    header .logo-icon {
        font-size: 1.5rem;
    }
    .menu ul {
        display: none;
    }   
    .menu ul li {
        font-size: 2.5rem;
        display: block;
    } 
    .menu ul li img {
        display: none;
    }
    .menu.is-active {
        position: absolute;
        height: 100%;
        width: 100%;
        top: 0;
        left: 0;
        text-align: center;
        top: 7rem;
    }
    .menu.is-active ul {
        display: inline-block;
    }

    .hamburger {
        padding: 15px 15px;
        display: inline-block;
        cursor: pointer;
        transition-property: opacity, filter;
        transition-duration: 0.15s;
        transition-timing-function: linear;
        font: inherit;
        color: inherit;
        text-transform: none;
        background-color: transparent;
        border: 0;
        margin: 0;
        overflow: visible;
    }
    .hamburger.is-active .hamburger-inner,
    .hamburger.is-active .hamburger-inner::before,
    .hamburger.is-active .hamburger-inner::after {
        background-color: #000;
    }
    .hamburger-box {
        width: 40px;
        height: 24px;
        display: inline-block;
        position: relative;
    }
    .hamburger-inner {
        display: block;
        top: 50%;
        margin-top: -2px;
    }
    .hamburger-inner,
    .hamburger-inner::before,
    .hamburger-inner::after {
        width: 40px;
        height: 4px;
        background-color: #000;
        border-radius: 4px;
        position: absolute;
        transition-property: transform;
        transition-duration: 0.15s;
        transition-timing-function: ease;
    }
    .hamburger-inner::before,
    .hamburger-inner::after {
        content: "";
        display: block;
    }
    .hamburger-inner::before {
        top: -10px;
    }
    .hamburger-inner::after {
        bottom: -10px;
    }
    .hamburger--collapse .hamburger-inner {
        top: auto;
        bottom: 0;
        transition-duration: 0.13s;
        transition-delay: 0.13s;
        transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); 
    }
    .hamburger--collapse .hamburger-inner::after {
        top: -20px;
        transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; 
    }
    .hamburger--collapse .hamburger-inner::before {
        transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); 
    }

    .hamburger--collapse.is-active .hamburger-inner {
        transform: translate3d(0, -10px, 0) rotate(-45deg);
        transition-delay: 0.22s;
        transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); 
    }
    .hamburger--collapse.is-active .hamburger-inner::after {
        top: 0;
        opacity: 0;
        transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; 
    }
    .hamburger--collapse.is-active .hamburger-inner::before {
        top: 0;
        transform: rotate(-90deg);
        transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); 
    }  

    /* Home */
    .home-social-network {
        width: 100%;
        text-align: center;
    }

    /* Footer */
    .footer-social-network {
        padding-right: 0;
    }
    .footer-social-network a {
        padding: 0 .25rem;
    }

    .grid--articles {
        width: 100%;        
    }
    .media.media--article:nth-child(3n):after {
        display: inline-block;
    }
    .media.media--article:nth-child(2n):after {
        display: none;
    }    
}

/* Tablet */
@media only screen and (min-width: 640px) and (max-width: 768px) {
    h1 {
        font-size: 6rem;
    }

    .container {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }
    .media.media--article:after{
        display: none;
    }    
}

/* Mobile */
@media only screen and (max-width: 639px) {
    h1 {
        font-size: 13vw;
    }

    /* Home */
    #home p {
        font-size: 1.5rem;
    }

    .bubble:not(.show-bubble) {
        opacity: 0;
        scale: .85;
    }    
    .bubble {
        scale: .9;
    }
    .bubble-content__exit img {
        height: 1.75rem;
    }
    .bubble-content .text-5xl {
        font-size: 2.4rem;
        /* line-height: 2.6rem; */
    }
    .bubble-content {
        line-height: 1.8rem;
    }
    .media.media--article:after{
        display: none;
    }      
}

/* Mobile */
@media only screen and (max-width: 500px) {
    .bubble-content {
        max-height: 400px;
        max-width: 400px;
    }

    #blog-detail .slideshow .slideshow__images {
        height: 250px;
    }        
}