.company-image-section{
    background: url('/images/company/company-left.png');
    background-size:cover;
}

.company-section{
    background: #070707;
    position: relative;
    z-index: 1;
}
.company-big-title-section{
    max-width: 390px;
    width: 390px;
}
.company-big-title{
    color:#C29C58 !important;
}

.company-column{
    margin:0px 40px;
}
.company-item{
    width: 250px;
    padding-bottom:40px;
    .company-title{
        margin-top:10px;
        font-weight: 300;
        font-size: 18px;
        line-height: 140%;
        color:white;
    }
}
/************ BreakPoints ************/
// Small devices (landscape phones, 576px and up)
@media (max-width: 576px) {    
}

// Medium devices (tablets, 768px and up)
@media (max-width: 768px) { 
}

// Large devices (desktops, 992px and up)
@media (max-width: 992px) { 
    
 }

// X-Large devices (large desktops, 1200px and up)
@media (max-width: 1200px) { 
    .company-section{
        background: url('/images/company/company-left.png');
        background-size:cover;

        &::after{
            content:'';
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.7);
            z-index: -1;
            position: absolute;
            top:0;
            left: 0;
        }
    }
    
    .company-column{
        margin:0px;
        display: flex;
        justify-content: center;
    }
    .company-item{
        width: auto;
        padding-top:20px;
        padding-bottom: 0px;
        .company-title{
            margin-top:0px;
            padding:10px 20px;
            background: black;
        }

        &:first-child{
            margin-right:10px;
        }
        &:last-child{
            margin-left:10px;
        }
    }
 }

// XX-Large devices (larger desktops, 1400px and up)
@media (max-width: 1400px) { 
    .company-big-title-section{
        max-width: auto;
        width: auto;
    }
 }