.u-section-1 {background-image: url("../images/BGAboutUs-01.png")}
.u-section-1 .u-sheet-1 {min-height: 1604px}
.u-section-1 .u-image-1 {width: 448px; height: 86px; object-position: 50% 0%; margin: 203px auto 0 -224px}
.u-section-1 .u-text-1 {margin: -63px 974px 0 -90px}
.u-section-1 .u-text-2 {font-size: 1.125rem; margin: 64px 310px 0 -46px}
.u-section-1 .u-image-2 {width: 673px; height: 407px; margin: 38px auto 0 -46px}
.u-section-1 .u-text-3 {font-size: 1.125rem; margin: 15px 310px 0 -46px}
.u-section-1 .u-image-3 {width: 615px; height: 485px; margin: 30px auto 60px -46px} 

@media (max-width: 1199px){ .u-section-1 {min-height: 500px; background-position: 50% 50%}
.u-section-1 .u-sheet-1 {min-height: 850px}
.u-section-1 .u-text-1 {margin-top: -47px; margin-right: 874px; margin-left: -39px}
.u-section-1 .u-text-2 {margin-right: 210px}
.u-section-1 .u-text-3 {margin-right: 110px} }

@media (max-width: 991px){ .u-section-1 .u-text-1 {margin-right: 764px; margin-left: -30px}
.u-section-1 .u-text-2 {margin-right: 0; margin-left: 0}
.u-section-1 .u-image-2 {margin-top: 51px; margin-left: 0}
.u-section-1 .u-text-3 {margin-top: 65px; margin-left: 0; margin-right: 0}
.u-section-1 .u-image-3 {margin-left: 0} }

@media (max-width: 767px){ .u-section-1 .u-text-1 {margin-right: 674px; margin-left: -22px}
.u-section-1 .u-image-2 {width: 540px; height: 327px}
.u-section-1 .u-text-3 {margin-top: 83px}
.u-section-1 .u-image-3 {width: 540px; height: 426px} }

@media (max-width: 575px){ .u-section-1 .u-text-1 {margin-right: 574px; margin-left: -14px}
.u-section-1 .u-image-2 {width: 340px; height: 206px; margin-top: 87px}
.u-section-1 .u-text-3 {margin-top: 168px}
.u-section-1 .u-image-3 {width: 340px; height: 268px} }

.container-produkkami{
    margin-top: 200px;
    margin-bottom: 50px;
}

.our-products{
    background-image: url('../images/Rectangle_OurProcess-01.png');
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 50%;
    padding: 10px;
    margin-bottom: 30px;
}

#product-header{    
    position:relative;
    left: 50px;
}

.products{
    width: 60%;
    margin: 0 10%;
    font-size: 18px;
}

.products img{
    width: 65%;
    height: 65%;
    margin: 20px auto;
}

@media (max-width: 1200px){
    .container-produkkami{
        margin-top: 50px;
        margin-right: 0;
    }

    .our-products{
        width: 100%;
        height: 50%;
        padding: 2px;
        margin-bottom: 30px;
    }

    #product-header{    
        position:relative;
        left: 50px;
        font-size: 26px;
    }

    .products{
        width: 70%;
        margin: 0 10%;
    }
    
    .products img{
        width: 75%;
        height: 75%;
        margin: 20px auto;
    }
}