/*
* Kompozyt
*/

/*
* Intersection - hero scene
*/

.mobile-hero-intersection {
    padding:0.5rem;
    width:calc(100% - 1rem);

    min-height:150px;

    display:flex; justify-content: space-around;
    border:1px solid rgba(255,255,255,0.35);
}

.mhi-caption {
    width:50%;
    display:flex;flex-direction: column;
    align-items: center;justify-content: center;
}

.mhi-caption-1 {
    padding:0;margin:0.2rem;
    font-size:1.4rem;
    line-height:1.4rem;

}

.mhi-caption-2 {
    padding:0;margin:0.2rem;
    font-size:1.4rem;
    line-height:1.4rem;
}

.mhi-caption-3 {
    padding:0;margin:0.2rem;
    font-size:1.4rem;
    line-height:1.4rem;
    font-weight:500;

    color:var(--col-secondary-blue);

    text-transform: uppercase;
    text-shadow:2px 2px 14px #000;
}

.mhi-image {
    width:50%;
    display:flex;align-items: center;justify-content: flex-end;
}

.mhi-image img {
    max-width:15vw;
    height:auto;
    display:block;


}

.mhi-kompozyt-1 {
    background-image: url('../../img/img-bg-kompozyt-1-mobile.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}

.mhi-kompozyt-2 {
    background-image: url('../../img/img-bg-kompozyt-2-mobile.jpg');
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center;
}



@media (max-width: 1023px){

    .grid-isk {
        width:clamp(240px, 26vw, 420px)!important;
        grid-template-columns: 5fr 1fr!important;
    }

}


@media screen and (max-width:523px){
    .mobile-hero-intersection {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .mhi-caption-1,
    .mhi-caption-2,
    .mhi-caption-3 {
        text-align:center;
    }
}