.positions-container {

    display: flex;
    flex-direction: column;

    justify-content: space-between;
    align-items: center;

    width: 100%;
    height: auto;

    padding: 2em 2em 2em 2em;

    gap: 1em;
}

#positions-brief p{
    text-align: center;
    margin-block-start: 0.5em;
    margin-block-end: 0.5em;
}

.positions-grid {
    display: grid;
    grid-template-columns: auto auto auto auto auto;

    margin-block-start: 0em;
    margin-block-end: 0em;
    margin-inline-start: 0em;
    margin-inline-end: 0em;

    justify-content: center;
    align-items: center;

    list-style-type: none;

    padding: 8em 2em;

    border-top: 1px dotted rgba(58,154,54,1);
}

.positions-grid li {
    flex-wrap: wrap;
    text-align: center;
}

.position.light {
    color: rgba(153,201,123,1);
    font-size: 1.5em;
    font-weight: 600;
    text-shadow: 1px 1px 0px grey;

    z-index: 1;
}

.position.normal {
    color: rgba(58,154,54,1);
    font-size: 2em;
    font-weight: 600;
    text-shadow: 1px 1px 0px grey;

    z-index: 2;
}

.position.heavy {
    text-align: center;
    color: rgba(56,87,35,1);
    font-size: 3em;
    font-weight: 900;
    text-shadow: 1px 1px 0px grey;

    z-index: 3;
}

#position-dsi {
    grid-column: 3;
    grid-row: 3;

    position: relative;
    top: -0.5em;
    left: -0.5em;
}

#position-cto {
    grid-column: 3;
    grid-row: 3;

    position: relative;
    top: 0.5em;
    left: 0.5em;
}

#position-data-scientist {
    grid-column: 2;
    grid-row: 3;

    position: relative;
    top: 0em;
    left: 2em;
}

#position-vp-of-engineering {
    grid-column: 3;
    grid-row: 2;

    position: relative;
    top: -1em;
    left: 0em;
}

#position-service-delivery-manager {
    grid-column: 3;
    grid-row: 4;

    position: relative;
    top: 1em;
    left: 0em;
}

#position-directeur-de-projets {
    grid-column: 4;
    grid-row: 3;

    width: 75%;

    position: relative;
    top: 0em;
    left: -1em;
}

#position-product-manager {
    grid-column: 1;
    grid-row: 3;

    position: relative;
    top: -2em;
    left: 7em;
}

#position-business-analyst {
    grid-column: 1;
    grid-row: 3;

    position: relative;
    top: 2em;
    left: 6em;
}

#position-qa-manager {
    grid-column: 3;
    grid-row: 1;

    position: relative;
    top: -2em;
    left: 5em;
}

#position-enterprise-architect {
    grid-column: 3;
    grid-row: 1;

    position: relative;
    top: -4em;
    left: 0em;
}

#position-scrum-master {
    grid-column: 3;
    grid-row: 1;

    position: relative;
    top: -2em;
    left: -4em;
}

#position-rssi {
    grid-column: 3;
    grid-row: 5;

    position: relative;
    top: 2em;
    left: -4em;
}

#position-devsecops {
    grid-column: 3;
    grid-row: 5;

    position: relative;
    top: 4em;
    left: -4em;
}

#position-devops {
    grid-column: 3;
    grid-row: 5;

    position: relative;
    top: 2em;
    left: 0em;
}

#position-dpo {
    grid-column: 3;
    grid-row: 5;

    position: relative;
    top: 2em;
    left: 4em;
}

#position-sre {
    grid-column: 3;
    grid-row: 5;

    position: relative;
    top: 4em;
    left: 3em;
}

#position-chef-de-projects {
    grid-column: 5;
    grid-row: 3;

    position: relative;
    top: -3em;
    left: -6em;
}

#position-product-owner {
    grid-column: 5;
    grid-row: 3;

    position: relative;
    top: 3em;
    left: -7em;
}

#position-pmo {
    grid-column: 5;
    grid-row: 3;

    position: relative;
    top: 0em;
    left: -5em;
}

@media screen and (max-width: 1366px) {
    .positions-container {
        padding: 1em;
    }
    
    #position-product-manager {
        grid-column: 1;
        grid-row: 3;
    
        position: relative;
        top: -2.5em;
        left: 6em;
    }
    
    #position-business-analyst {
        grid-column: 1;
        grid-row: 3;
    
        position: relative;
        top: 2.5em;
        left: 6em;
    }

    #position-chef-de-projects {
        grid-column: 5;
        grid-row: 3;
    
        position: relative;
        top: -4em;
        left: -5.5em;
    }

    #position-product-owner {
        grid-column: 5;
        grid-row: 3;
    
        position: relative;
        top: 4em;
        left: -7em;
    }

    #position-pmo {
        grid-column: 5;
        grid-row: 3;
    
        position: relative;
        top: 0em;
        left: -4.5em;
    }   
}

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

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