@media screen and (min-width: 1600px){

    body:not(.homepage) .part.open article{

        display: inline-block;
        position: fixed;
        top: 0;
        left: 50%;
        max-height: 100vh;
        overflow: scroll;
        -ms-overflow-style: none;  /* Internet Explorer 10+ */
        scrollbar-width: none;  /* Firefox */
        padding: var(--line-height) 0;
        width: 50%;

    }

}


@media screen and (max-width: 1600px){

    nav{

        padding: 16px var(--line-height);
        left: 0;
        width: 100%;
        position: fixed;
        justify-content: space-between;
        background: white;
    }

    .part{
        
        width: 100%;
    }

    .part:not(.home) .article-content,
    .part .top{

        margin-left: 0;
        margin-right: 0;
    }


    body.homepage{
        
        padding-top: 56px;
    }



    .part .article-content img,
    .part .article-content video{
        max-width: 100%;
        margin-left: 0;
    }

    .part.home + .part.event::before, 
    .part.event + .part.article::before{
        
        margin-top: 0;

    }
    
    a.active{
        
        display: none;
    }


    #canvas{

        width: 100%;
        bottom: unset;
        right: 0;
        top: 0;
        height: 100vh;
    }

}

@media screen and (max-width: 900px){

    .part .top .chapeau header{
        
        max-width: 100%;
    }

    .part.article .lang{

        display: none;
    }

    .part > a:not(.active){

        margin-bottom: var(--line-height);
        display: block;
    }

    .part > a > span{

        display: block;
    }    
   

    .part .top .interview{
        
        position: unset;
    }

    .part .top .types{
        
        margin-top: var(--line-height);
        height: unset;
    }

    .part > a > .authors,
    .part > a > .tags{

        margin: 0;
        padding: 0;
    }

    .part .article-content img{
        
        max-width: 100%;
    }
    table tr,
    table td{

        display: block;
    }
    
        
    table tr{
        
       margin-bottom: var(--line-height);
    }


.part#infrables .article-content  p:not(:nth-child(13)):not(:nth-child(5)):not(:nth-child(6)):not(:nth-child(10)) img {

    margin-right: 0;
    max-width: 100%;
}


}

@media screen and (max-width: 600px){

    :root {

        --font-size: 16px;
        --small-font-size: 16px;
        --line-height: 20px;
        --small-line-height: 20px;

        --padding: 20px;
        --max-paragraph: calc(var(--font-size) * 45);

    }

    body{

        padding: 12px 16px;
        
    }
    
    body.homepage{
        
        padding-top: 32px;
    }

    nav{

        padding: 12px 16px;
        left: 0;
        width: 100%;
        position: fixed;
        justify-content: space-between;
        background: white;
    }

.part.article > a .tags{

    display: none;
}

}