#introContainer {
    background: var(--firstImg), var(--blue);
    background-repeat: no-repeat;
    background-size: 90vw !important;
    background-position-y: bottom;
    background-position-x: center;
    width: 100vw;
    height: 75vh;
    align-items: flex-start !important;
    user-select: none;
}

@media (min-width:768px) {
    #introContainer {
        background: var(--firstImg), var(--blue);
        background-repeat: no-repeat;
        background-size: 40vw !important;
        background-position-y: bottom;
        background-position-x: 10%;
        width: 100vw;
        height: 90vh;
        align-items: center !important;

    }
}

#intro {
    opacity: 0.7;
    position: relative;
}
#banner{
    background: url(../images/mobilecooperation.png) no-repeat;
    background-position: center;
    background-size: contain;
    height: 80vh;
    width: 100vw;
}
@media (min-width:768px) {
    #banner{
        background: url(../images/Untitled.png);
        background-position: center;
        background-size: cover;
        height: 80vh;
        width: 100vw;
    }
}
#icon_path{
    fill: var(--blue);
}
#deskHeader.bg-change #icon_path{
    fill: rgb(236, 232, 232);
}