@import "header.css";
@import "footer.css";

.brand_icons {
    margin: auto;
}

.brands_des {
    margin: auto;
}

.brandwrapper {
    margin-top: 2rem;
    padding: 2rem;
}

.brand_distance {
    height: 85px;
    margin-top: -85px;
}

.brand_item h2::before {
    width: 35px;
    height: 35px;
    float: left;
    margin: 0 10px 0 0;
}

#LMY .brand_item h2::before {
    content: "";
    background: url("../logo/icon.png") no-repeat;
    background-size: 35px 35px;
}

#Artisan .brand_item h2::before {
    content: "";
    background: url("../logo/huachu.png") no-repeat;
    background-size: 35px 35px;
}

#GoodGrain .brand_item h2::before {
    content: "";
    background: url("../logo/goodgrain.png") no-repeat;
    background-size: 35px 35px;
}

#_7S .brand_item h2::before {
    content: "";
    background: url("../logo/7s.png") no-repeat;
    background-size: 35px 35px;
}

#_21Italy .brand_item h2::before {
    content: "";
    background: url("../logo/lmy2.png") no-repeat;
    background-size: 35px 35px;
}

#FireBird .brand_item h2::before {
    content: "";
    background: url("../logo/FireBird.png") no-repeat;
    background-size: 35px 35px;
}

#Birds .brand_item h2::before {
    content: "";
    background: url("../logo/birdsfeather.png") no-repeat;
    background-size: 35px 35px;
}

#ChuanHung .brand_item h2::before {
    content: "";
    background: url("../logo/Chuanhung.png") no-repeat;
    background-size: 35px 35px;
}

#HALCYON .brand_item h2::before {
    content: "";
    background: url("../logo/HALCYONCRANE.png") no-repeat;
    background-size: 35px 35px;
}

#_51SOHO .brand_item h2::before {
    content: "";
    background: url("../logo/51SOHO.png") no-repeat;
    background-size: 35px 35px;
}

.brand_des {
    width: 60%;
    padding-right: 2rem;
}

.brand_img {
    width: 40%;
}

@media (max-width: 1000px) {
    .brand_icon h3 {
        font-size: 62.5%;
    }

    .brandwrapper {
        display: block;
        padding: 0;
    }

    .brandwrapper > div {
        width: 100%;
    }

    .brand_des {
        padding-right: 0;
    }
}