body{
    padding-top: 0;
}

.infos-article{
    grid-column: 1/span 3;
}

.infos-article span{
    position: -webkit-sticky;
    position: sticky;
    top: 2rem;
}

section{
    grid-column: 4/span 11;
    margin-bottom: 4rem;
}
section p{ 
    margin-bottom: 2rem;
}
.close{
    position: fixed;
}
.close a p {
    display: inline;
    font-size: 70px;
    line-height: 1rem;
    color: var(--color-fluo);
}

#nav-right{
    position: absolute;
    right: var(--gutter-width);
}

ul{
    margin: 4rem 0 0 0;
    padding: 0;
    grid-template-columns: 25px 1fr;
    display: grid;
}

ul > h4{
    color: var(--color-fluo);
    height: 100%;
    text-align: left;
}

.hamburger .top {
    -webkit-transform: rotate(-45deg);
            transform: rotate(-45deg);
    margin-top: 10px;
  }
  
  .hamburger .mid {
    -webkit-transform: rotate(45deg);
            transform: rotate(45deg);
    margin-top: -4px;
  }
  
  .hamburger .bottom {
    -webkit-transform: scale(0);
            transform: scale(0);
  }

    .hamburger{
    visibility: visible;
    }   

    .hamburger div{
        background-color: var(--color-fluo);
    }

@media screen and (max-width:1200px){
    .infos-article{
        position: relative;
    }
    .infos-article,
    section{
        grid-column: 1/span 15;
    }

    .infos-article{
        margin-bottom: 1rem;
    }
  }