.about-us {
    padding-bottom: 150px;
}
.ck-emblem-container {
    display: inline-block;
}
.emblem-letter-c {
    fill: var(--grey);
    transition: all .8s ease;
}
.emblem-letter-k {
    fill: var(--grey);
    transition: all .8s ease;
}
.about-us-main-container {
    display: flex;
}
.about-us-emblem-container {
    text-align: right;
    height: 100%;
}
.about-us-button-container {
    height: calc(100% - 93px);
    display: flex;
    justify-content: flex-end;
    align-items: flex-end;
}
.about-us-button-container .button {
    position: relative;
    right: 20px;
}
.brands-we-work-with {
    display: flex;
    justify-content: space-between;
    overflow: auto;
}

.ab-u-name-container .section-name-container p {

}



/*--------UPGRADE-------*/

.ab-u-section-name-container {
    width: 480px;
    flex-shrink: 0;
}
.ab-u-section-content-container {
    width: 1080px;
    flex-shrink: 0;
}
.ab-u-content {
    width: 720px;
}
.ab-u-emblem-and-button {
    width: 360px;
}
.ab-u-brands-wrapper {
    padding-bottom: 75px;
}
.brands-container img {
    max-width: unset;
}
@media only screen and (min-width: 1920px) {
    .ab-u-section-content-container {
        width: 100%;
        flex-shrink: 1;
        padding-right: 360px;
    }
    .ab-u-content {
        width: 100%;
    }
    .ab-u-emblem-and-button {
        flex-shrink: 0;
    }
}
@media only screen and (max-width: 1640px) {
    .ab-u-section-content-container {
        width: auto;
        padding-right: 60px;
        flex-shrink: 1;
    }
    .ab-u-section-content {
        justify-content: space-between;
    }
    .ab-u-section-name-container {
        width: 360px;
    }
    .ab-u-content {
        width: auto;
    }
    .about-us-content .paragraph {
        padding-right: 60px;
    }
}
@media only screen and (max-width: 1440px) {
    .about-us .section-name-container {
        margin-left: 60px;
    }
}
/*NEXT POINT*/
@media only screen and (max-width: 1280px) {
    .about-us-wrapper {
        display: block;
    }
    .ab-u-section-content-container {
        padding-left: 60px;
    }
}
@media only screen and (max-width: 900px) {
    .about-us {
        padding-bottom: 150px;
    }
    .ab-u-section-content {
        display: block;
    }
    .ab-u-content {
        width: 100%;
    }
    .ab-u-emblem-and-button {
        width: 100%;
    }
    .about-us-emblem-container {
        text-align: left;
        display: flex;
        justify-content: space-between;
        padding-top: 60px;
    }
    .about-us-button-container {
        height: auto;
    }
}
@media only screen and (max-width: 768px) {
    .about-us-content .paragraph {
        padding-right: 15px;
    }
    .ab-u-section-content-container {
        padding-right: 15px;
        padding-left: 15px;
    }
    .about-us .section-name-container {
        margin-left: 15px;
    }
    .about-us {
        padding-bottom: 120px;
    }
    .ab-u-section-name-container {
        width: 100%;
    }
}
@media only screen and (max-width: 575px) {
    .ab-u-brands-wrapper {
        padding-bottom: 55px;
    }
    .about-us-emblem-container {
        padding-top: 55px;
    }
    .about-us {
        padding-bottom: 100px;
    }
}