@import "universal.css";

/*.section-description p a{*/
/*    color: var(--main-gold);*/
/*}*/
/*.section-description p a:hover{*/
/*    text-decoration: underline;*/
/*}*/

/*<================================ wygląd dla strony usługi ============================>*/

.article-img-container{
    flex-basis: 40%;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin: auto 0;
}
.article-img{
    background-position: center;
    background-size: cover;
    height: 250px;
    width: 400px;
    border-radius: 10px 70px;
    border: 3px solid var(--main-gold);
    box-shadow: 10px 10px 10px var(--main-gray);
}
.img-1{
    background-image: url("../sources/offer/organizacja pogrzebu.jpg");
}
.img-2{
    background-image: url("../sources/offer/odbiór zmarłych.JPG");
}
.img-3{
    background-image: url("../sources/offer/transport międzynarodowy.jpeg");
}
.img-4{
    background-image: url("../sources/offer/przygotowanie do pogrzebu.jpeg");
}
.img-5{
    background-image: url("../sources/offer/odziez_zalobna1.jpg");
}
.img-6{
    background-image: url("../sources/offer/ceremonie_pogrzebowe_szelkowi.JPG");
}
.img-7{
    background-image: url("../sources/offer/kremacja.JPG");
}
.img-8{
    background-image: url("../sources/offer/trumny.jpg");
}
.img-9{
    background-image: url("../sources/offer/oprawa ceremoni.jpeg");
}
.img-10{
    background-image: url("../sources/offer/florystyka.JPG");
    background-size: 80% 130%;
    background-repeat: no-repeat;
    background-color: antiquewhite;
}
.img-11{
    background-image: url("../sources/offer/ekshumacje usługi cmentarne.jpeg");
}
.img-12{
    background-image: url("../sources/offer/formalności pogrzebowe.jpg");
}

@media (max-width: 900px) {
    .section-description {
        margin: 20px auto;
        flex-basis: 70%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}
@media (max-width: 450px) {
    .section-description {
        flex-basis: 80%;
    }
    .article-img{
        background-position: center;
        background-size: cover;
        height: 180px;
        width: 270px;
        border-radius: 15px 70px;
        border: 3px solid var(--main-gold);
        box-shadow: 10px 10px 10px var(--main-gray);
    }
}