@import "./strona_produktowa.css";

.symf_area--header{
    background-image: url(../img/produktowe/hr_cloud/baner_hc.webp);
}

.symf_area--subHeader{
    background-image: url(../img/produktowe/hr_cloud/box2_hc.webp);
    background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: flex-start;
}




.symf_area--k_poziom1 {
	background-color: #fff;
   background-image: url(../img/produktowe/hr_cloud/box1_hc.webp);
    background-position: bottom right;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: flex-start;	
}


.symf_area--k_poziom2 {
	background-color: #fff;
   background-image: url(../img/produktowe/hr_cloud/box3_hc.webp);
    background-position: bottom left;
    background-size: cover;
    background-repeat: no-repeat;
    justify-content: flex-start;	
}



.k_obszar_moduly_img {
	
    display: flex;
    flex-direction: column;
    background-image: url(../img/produktowe/finanse_ksiegowosc/puzzle.webp);
    background-position: bottom right;
    background-size: contain;
    background-repeat: no-repeat;
	background-color: #f3f5f7 !important;
	   
}

.k_boxy{
    float: none;
    display: flex;
    flex-wrap: wrap;
}

.k_box1, .k_box2, .k_box3, .k_box4, .k_box5, .k_box6, .k_box7{
    width: 100%;
    max-width: 17.5rem;
}


.symf_area--subHeaderContent {
    max-width: 70%;
    width: 100%;
    max-width: 50rem;
}


@media only screen and (max-width: 1000px) {
    .symf_area--subHeader{
        background-position: left;
    }
    .k_boxy{
        justify-content: center;
    }
}