.welcome-column {
    width: 50%;
    justify-content: center;
    padding: 5px;
}

.welcome-wrapper-text {
    margin-left: 50px;
}

.welcome-column > h1 {
    font-family: Grifter;
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    line-height: 130%;
    margin: 0;
    text-align: justify;
    color: #333333
}

.welcome-column > h2 {
    font-weight: normal;
    font-size: 18px;
    line-height: 160%;
    color: #333333
}

.welcome-column > span {
    font-weight: 750;
    font-size: 14px;
    line-height: 17px;
    color: #868686;
    margin: 0;
    margin-bottom: 10px;
}


.welcome-column > picture {
    transition: all .4s ease-in-out;
}

.welcome-column > picture:hover {
    transform: scale(1.08);
}

.welcome-collation-grid {
    display: grid !important;
    grid-template-rows: repeat(4, 80px);
    grid-column-gap: 5px;
    grid-row-gap: 5px;
}

.welcome-collation-grid > picture:nth-child(1n)  { grid-area: 1 / 1 / 2 / 2; width: 80px; height: 70%; align-self: flex-end; justify-self: end;}
.welcome-collation-grid > picture:nth-child(2n) { grid-area: 1 / 4 / 2 / 5; width: 100px; height: 70%; align-self: flex-end; }
.welcome-collation-grid > picture:nth-child(3n) { grid-area: 2 / 1 / 4 / 2; width: 80px; height: 100%; align-self: flex-end; justify-self: end;}
.welcome-collation-grid > picture:nth-child(4n) { grid-area: 2 / 2 / 4 / 4; width: 180px; height: 100%;}
.welcome-collation-grid > picture:nth-child(5n) { grid-area: 2 / 4 / 3 / 5; width: 100px; height: 100%;}
.welcome-collation-grid > picture:nth-child(6n) { grid-area: 3 / 4 / 4 / 5; width: 100px; height: 100%;}
.welcome-collation-grid > picture:nth-child(7n) { grid-area: 2 / 5 / 3 / 6; width: 100px; height: 100%;}
.welcome-collation-grid > picture:nth-child(8n) { grid-area: 4 / 2 / 5 / 3; width: 77px; height: 100%;}
.welcome-collation-grid > picture:nth-child(9n) { grid-area: 4 / 3 / 5 / 4; width: 98px; height: 100%;}
.welcome-collation-grid > picture:nth-child(10n) { grid-area: 4 / 4 / 5 / 5; width: 100px; height: 100%;}

.welcome-collation-grid > picture > img  { width: 100%;  height: -webkit-fill-available;}


@media only screen and (max-width : 1200px) {
    .welcome-collation-grid {
        display: none !important;
    }

    .welcome-column {
        width: 80%;
        padding: 20px;
    }

    .welcome-wrapper-text {
      margin: 0;
    }

    .welcome-column > h1 {
        font-size: 1.5em;
    }
    .welcome-column > h2 {
        font-size: 1em;
        text-align: justify;
    }
}

@media only screen and (max-width : 480px) {
    .welcome-column {
        width: 100%;
    }
}