html {
    scroll-behaviour: smooth;
}
.montserrat-regular {
    font-family: "Montserrat", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
}

.gradient-text {
    background-color: #346ae7;
    background-image: linear-gradient(to right, #346ae7, #3f0079);
    background-size: 100%;
    -webkit-background-clip: text;
    -moz-background-clip: text;
    -webkit-text-fill-color: transparent;
    -moz-text-fill-color: transparent;
}
.poppins-regular {
    font-family: "Poppins", sans-serif;
    font-weight: 400;
    font-style: normal;

}

.poppins-medium {
    font-family: "Poppins", sans-serif;
    font-weight: 500;
    font-style: normal;
}

.poppins-semibold {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-style: normal;
}

.poppins-bold {
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-style: normal;
}


.parallax {
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 80vh;
    position: relative;
}

.parallax-caption {
    position: absolute;
    bottom: 50px;
    left: 50px;
    color: #fff;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

.parallax-caption h3 {
    font-size: 2rem;
    font-weight: bold;
}

.parallax-caption p {
    font-size: 1.2rem;
}

.parallax-1 {
    /*background-image: url('https://picsum.photos/id/1015/1200/800');*/
    background-image: url('../hp.jpg');
    background-position: center bottom;
}
.parallax-2 {
    background-image: url('../hp2.jpg');
    /*background-image: url('https://picsum.photos/id/1019/1200/800');*/
}
.parallax-3 {
    background-image: url('https://picsum.photos/id/1025/1200/800');
}
.parallax-team {
    background-image: url('../team2.jpg');
}
.parallax-cennik {
    background-image: url('../cennik2.jpg');
}
.parallax-zapisy {
    background-image: url('../zapisy2.jpg');
}
.parallax-kontakt {
    background-image: url('../kontakt.jpg');
}
@media only screen and (max-width: 600px) {
    .parallax {
    }
    .parallax-2 {
        background-image: url('../hp2.jpg');
        background-size: contain;

    }
    .parallax-1 {
        background-image: url('../hp2.jpg');
        background-size: contain;
    }
}


.gradient {
    position: relative;
    padding: 3px;
    background: linear-gradient(120deg, #0070ff, #5f24a2);
}
.g-45 {
    background: linear-gradient(45deg, #0070ff, #5f24a2);
}
.g-120 {
    background: linear-gradient(-120deg, #0070ff, #5f24a2);
}
.g-tr {
    background: linear-gradient(to right, #0070ff, #5f24a2);
}
.g-tl {
    background: linear-gradient(to left, #0070ff, #5f24a2);
}