/* WSZYSTKO */
body{
    font-family: 'new';
    margin: 0;
}
a{
    text-decoration: none;
    color: rgb(18, 21, 36);
    font-weight: 500;
}
h1{
    font-family: 'nag';
}
@font-face{
    font-family: 'nag';
    src: url(FONTY/AbrilFatface-Regular.ttf)
}
@font-face{
font-family: 'new';
src: url("FONTY/Montserrat-VariableFont_wght.ttf");
}

.main{
    width: 100%;
    background-color: #b2d8cdd8;
    text-align: center;
}

.gora{
    padding: 10px;
    width: 100%;
    height: 90px;
    background-color: white;
    color: rgb(18, 21, 36);
    text-align: center;
    display: flex;
    flex-direction: row;
}
.logo img{
width: 100px;
}
.logo{
    width: 33.3%;
    text-align: left;
}
.hrefy{
    width: 30%;
    margin-right: 3.3%;
    text-align: right;
    word-spacing: 30px;
    font-weight: 500;
}
.naglowek{
    width: 33.3%;
}
.dol{
    color: rgb(18, 21, 36);
    text-align: center;
    height: 50px;
    background-color: #7fa79bd8;
    font-weight: bold;
}

/* STRONA GŁÓWNA */

.flex{
    width: 100%;
    height: 800px;
    background-color: #b2d8cdd8;
    display: flex;
    flex-direction: row;
    text-align: center;
}
.photo{
    background-image: url(OBRAZKI/bg.1.png);
    width: 100%;
    background-size: cover;
}
.text{
    padding: 50px;
}
.nadtxt{
    background-color: #d8faf0ea;
    border-radius: 80px;
    padding: 70px;
}
.nadtext1{
    background-color: #6cb19ccb;
    border-radius: 30px;
    padding: 10px;
}








/* MIEJSCA */
.main a{
    background-color: #8cc5b4d8;
    padding: 10px;
    border-radius: 30px;
}
.wstep{
    font-family: 'now';
    text-align: center;
    font-size: 50px;
    padding: 0.5px;
    background-color: #6aaa98d8;
}

@font-face{
    font-family: 'now';
    src: url("FONTY/Yellowtail-Regular.ttf");
    }

.flex2{
    width: 100%;
    height: 500px;
    background-color: #b2d8cdd8;
    display: flex;
    flex-direction: row;
    text-align: center;
    padding: 0;
}
.photo2{
    background-image: url(OBRAZKI/p2.webp);
    width: 60%;
    background-size: cover;
}
.text2{
    padding: 50px;
    width: 40%;
}
.nadtxt2{
    background-color: #d8faf0ea;
    border-radius: 80px;
    padding: 70px;
}
.link2 a{
    text-decoration: none;
    color: rgb(18, 21, 36);
    font-weight: 500;
}
.link2{
    transition: transform 0.3s;
}
.link2:hover{
    transform: scale(1.25);
}



.flex1{
    width: 100%;
    height: 500px;
    background-color: #b2d8cdd8;
    display: flex;
    flex-direction: row;
    text-align: center;
}
.photo1{
    background-image: url(OBRAZKI/p1.webp);
    width: 60%;
    background-size: cover;
}
.text1{
    padding: 50px;
    width: 40%;
}
.nadtxt1{
    background-color: #d8faf0ea;
    border-radius: 80px;
    padding: 70px;
}
.link a{
    text-decoration: none;
    color: rgb(18, 21, 36);
    font-weight: 500;
}
.link{
    transition: transform 0.3s;
}
.link:hover{
    transform: scale(1.25);
}


.flex3{
    width: 100%;
    height: 500px;
    background-color: #b2d8cdd8;
    display: flex;
    flex-direction: row;
    text-align: center;
}
.photo3{
    background-image: url(OBRAZKI/p3.webp);
    width: 60%;
    background-size: cover;
}
.text3{
    padding: 50px;
    width: 40%;
}
.nadtxt3{
    background-color: #d8faf0ea;
    border-radius: 80px;
    padding: 70px;
}
.link3 a{
    text-decoration: none;
    color: rgb(18, 21, 36);
    font-weight: 500;
}
.link3{
    transition: transform 0.3s;
}
.link3:hover{
    transform: scale(1.25);
}

.flex4{
    width: 100%;
    height: 500px;
    background-color: #b2d8cdd8;
    display: flex;
    flex-direction: row;
    text-align: center;
}
.photo4{
    background-image: url(OBRAZKI/p4.webp);
    width: 60%;
    background-size: cover;
}
.text4{
    padding: 50px;
    width: 40%;
}
.nadtxt4{
    background-color: #d8faf0ea;
    border-radius: 80px;
    padding: 70px;
}
.link4 a{
    text-decoration: none;
    color: rgb(18, 21, 36);
    font-weight: 500;
}
.link4{
    transition: transform 0.3s;
}
.link4:hover{
    transform: scale(1.25);
}


.flex5{
    width: 100%;
    height: 500px;
    background-color: #b2d8cdd8;
    display: flex;
    flex-direction: row;
    text-align: center;
}
.photo5{
    background-image: url(OBRAZKI/p5.webp);
    width: 60%;
    background-size: cover;
}
.text5{
    padding: 50px;
    width: 40%;
}
.nadtxt5{
    background-color: #d8faf0ea;
    border-radius: 80px;
    padding: 70px;
}
.link5 a{
    text-decoration: none;
    color: rgb(18, 21, 36);
    font-weight: 500;
}
.link5{
    transition: transform 0.3s;
}
.link5:hover{
    transform: scale(1.25);
}






/* FILMY */

@font-face{
    font-family: 'niw';
    src: url(FONTY/AbrilFatface-Regular.ttf)
}
.main_film{
    width: 100%;
    background-color: #b2d8cdd8;
    padding: 40px;
    font-family: 'niw';
}

.film1{
    background-color: #619c8bd8;
    width: 80%;
    display: flex;
    flex-direction: row;
    gap: 180px;
    text-align: center;
    margin-left: 5%;
    height: 400px;
    padding: 60px;
    font-size: 60px;
}

.film2{
    background-color: #619c8bd8;
    width: 80%;
    display: flex;
    flex-direction: row;
    gap: 180px;
    text-align: center;
    margin-left: 5%;
    height: 400px;
    padding: 60px;
    font-size: 60px;
}

.film3{
    background-color: #619c8bd8;
    width: 80%;
    display: flex;
    flex-direction: row;
    gap: 180px;
    text-align: center;
    margin-left: 5%;
    height: 400px;
    padding: 60px;
    font-size: 60px;
}






/* KONTAKT */
@font-face{
    font-family: 'font';
    src: url("FONTY/Montserrat-VariableFont_wght.ttf");
    }
.main_kontakt{
    width: 100%;
    display: flex;
    justify-content: center;
    padding-top: 150px;
    padding-bottom: 150px;
    background-color: #b2d8cdd8;
}
.form{
    text-align: left;
    display: flex;
    justify-content: center;
    gap: 200px;
    width: 1000px;
    height: 500px;
    background-color: #67887ee5;
    border-radius: 30px;
}
.kon{
    height: 56%;
    padding-top: 22%;
    width: 300px;
    background-color: #92beb1e5;
    text-align: center;
}
.kon img{
    width: 50px;
        transition: transform 0.3s;
}

.kon img:hover { 
    transform: scale(1.25);
}
.kon a{
    word-spacing: 20px;
}
.kon h2{
    font-weight: 500;
}
.mes{
    padding-top: 50px;
}
.mes input{
    border-radius: 10px;
    border-color: #7fa79bd8;
    width: 400px;
    height: 40px;
    font-family: 'font';
    font-weight: 500;
    font-size: 20px;
    margin-top: 10px;
} 
.wyslij{
    border-radius: 10px;
    border-color: #7fa79bd8;
    font-family: 'font';
    font-weight: 500;
    font-size: 20px;
    background-color: #e4fff7e7;
}