/*
* 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(0,0,0,0.85);
}

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

.mhi-caption-1,
.mhi-caption-2,
.mhi-caption-3

{
    padding:0;margin:0.2rem;
    font-size:1.4rem;
    line-height:1.4rem;
    color:rgba(255,255,255,0.9);

}

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

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


.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;
    }

}