*{box-sizing:border-box;margin:0;padding:0}
html,textarea,input{font-family:Roboto,'Segoe UI Variable Text','Segoe UI',Arial,sans-serif,system-ui;font-size: clamp(22px, 20.167px + 0.417vw, 36px);/* font-size: min(440px,3800px); */}
body{color: #ffffff;background-color: #002430;word-wrap:break-word;}
.navbar, footer, section {display:flex;align-items:center;align-content:center;justify-content:center;flex-wrap:wrap;}
img, video{width:100%;height:auto}
h1 {font-size: 2.2rem;margin: 3vh 0 0 4vw}
h2 {font-size: 1.9rem;line-height: 2.8rem;margin: 8vh 0 0 4vw;}
a {color:#ffffff;text-decoration: none;}

.navbar {min-height: 50px!important;background-color: #000000;padding: 0 2.5vw;}
.navbar a {font-size: clamp(18px, 3.231px + 1.231vw, 50px);/* width: max(1200px,3800px); */padding: 2vh 2vw;font-weight: 600;}
.navbar-logo{margin-right: auto;margin-left: 2vw;width: 11rem!important;line-height: 0.5vw;}
.navbar-burger {display:none;color: #fff;font-size: 40px;letter-spacing: 1px;transform: rotate(90deg);margin-right: 6vw;}
.navbar-checkbox {display:none;width: 50px;height: 40px;opacity: 0.1;z-index: 2;position: relative;left: 40px;}
.navbar-checkbox:checked ~ .navbar-menu {display:flex;flex-direction:column;align-items:center;width: 100%;}

.wide {margin: auto;padding: 0 3vw 10vh 3vw;max-width: clamp(1000px, 446.154px + 46.154vw, 2200px);/* width: 1200px; */}
.wide p {line-height: 1.35rem;text-align:justify;text-indent: 4vw;margin: 2vh 0 2vh 0;}
.wide a {color:#ffffff;text-decoration:underline;}

.intro1{display: flex;flex-direction: column;justify-content: space-between;align-items: center;height: calc(100vh - 0px);}
.intro2{color: #753871;margin-top: 8vh;font-weight: 800;font-size: 2.2rem;}
.intro3{font-size: 2rem;background-color: #c53196;padding: 0.7rem 3rem 1rem 3rem;border-radius: 30px;font-weight: 700;margin: 10vh auto 19vh auto;}
.intro4{position: absolute;width: 100%;height: calc(100% - 0px);object-fit: cover;z-index: -2;}

.kursy {margin: auto;padding: 0 3vw;max-width: clamp(1000px, 428.571px + 57.143vw, 2600px);}
.kursy section{padding: 5vh 0;justify-content: space-evenly;}
.kursy header{display:flex;flex-wrap: wrap;align-items: end; align-content: center;justify-content: start;}
.kursy h1{margin: 1vw 0 0 6vw;font-weight: 800;font-size: calc(1.8rem + 1.5vw);letter-spacing: 2px;}
.kursy-foto-m{margin: 0 0 3.5vh 0;border-radius: 15px;}
.kursy-foto-d{margin: 0 0 2vh 0;max-height: 62vh;object-fit: contain;object-position: top;}
.kursy-opisy{align-self: start;margin-bottom: 3vh;}
.kursy-opis1{font-size: calc(1.05rem + 0.5vw);font-weight:700;padding-bottom: 1.4vh;}
.kursy-opis2{font-size: 1rem;margin: calc(2px + 0.5vh) 0;}
.kursy-cennik{display: grid;grid-column-gap: max(3vw,40px);margin: 0 3vw;align-self: start;text-align: center;}
.kursy-cena{margin-top: 5px;font-size: calc(2.8rem - 1.1vw);line-height: calc(2rem - 0.8vw);font-weight: 600;}
.kursy-cena span{font-size: 1.05rem;}
.kursy-osoba{font-size: calc(1rem - 0.4vw);}
.kursy-promo {grid-area: 3 / 1 / 4 / 3;/* color: #000000; */background-color: #ff1b00;margin-top: calc(4.5vh - 1.4vw);margin-bottom: 5vh;padding: calc(7px + 0.1vh) 25px;font-size: calc(1.2rem - 0.4vw);letter-spacing: 1px;font-weight: 700;border-radius: 15px;/* transform: skew(-5deg,0deg); */}
.kursy-promo span{font-size: 0.9rem;/* font-weight: 500; */}
.kursy-zapisz {max-width: 420px;margin: 0 auto}
.kursy-zapisz h3 {font-size: calc(2.4rem + 1vh);line-height: calc(2.5rem + 3vh);margin: 0 0 5.8vh 8vw;color: #fff7f9;/* text-align: center; */}
.kursy-zapisz p {font-size: 1.3rem;font-weight: 500;margin: 2.2vh 0;padding-left: 8vw;}
.kursy-zapisz button{display: block;margin: 7vh auto 2vh auto;padding: 3vh 2.9rem;color: #ffffff;background-color: #ff0000;border: none;font-size: 1.8rem;letter-spacing: 1px;font-weight: 600;border-radius: 30px;}
.kursy-slajdy {margin: 10vh 0 12px 0;}

.star {margin: 0 5px 15px 6vw;/* background-color: #002430; */}
.star span{color: #ffdc00;}

.wypo-cennik {padding: 5vh 10px 0vh 10px;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-around;}
.wypo-ceny {max-width: 16rem;padding: 40px 50px;margin-bottom: 4vh;/* border-radius: -7px; */background-color: #ffffff;border-radius: 20px;}

.wyjazdy{background-color: #fbf0ec;color:#000}

.kontakt {background: url(/media/kontakt-tlo.jpg) no-repeat center top;background-size:100% auto;background-color: #f4f3f1;text-align: center;color:#000000;}
.kontakt section{flex-direction: column;min-height: 100vh;}
.kontakt sup{font-size: 0.9rem;padding-bottom: 5px;}
.kontakt .info {min-height: 90vh;}
.kontakt .phone {font-size: calc(4vw + 1.8rem);font-weight: 800;margin: 0vh 0 6vh 0;color: #000;}
.kontakt .city {font-size: 1.3rem;font-weight: 600;margin: 4vh 0 3vh 0;}
.kontakt .open {font-size: 1.3rem;font-weight: 600;}
.kontakt .maps {justify-content: space-between;font-size: 2.8rem;font-weight: 800;}
.kontakt .call {font-size: 1.9rem;letter-spacing: 1px;color:#fff;background-color: #2b8300;margin-top: 12vh;padding: 2.3vh 2.4rem;border-radius: 30px;border: none;font-weight: 700;}
.kontakt .material-icons {font-size: 56px;padding-top: 24px;}
.kontakt-form {max-width: clamp(900px, 677.778px + 27.778vw, 1400px);/* width: min(800px,2600px); */padding: 0 6vw 0 6vw;}
.kontakt-form input, textarea {font-size: 1.1rem;width:100%;margin: 0.7vh 0;padding: 8px 0 8px 20px;border-radius: 15px;border: 2px solid #000000;}
.kontakt-form textarea{min-height: 40vh;padding-top: 15px;border-width: 5px;}
.kontakt-form button{/* width: min(500px,60%); */font-size: 2rem;letter-spacing: 1px;color:#fff;background-color: #ff0056;margin-top: 5vh;padding: 2.5vh 3.5rem;border-radius: 30px;border: none;font-weight: 700;}
.kontakt-form-alert {display:none;max-width: clamp(700px, 420.69px + 31.034vw, 1600px);width: 93%;margin: 0 auto;font-size: 2.8rem;line-height: 4rem;font-weight: 600;color: #ffffff;padding: 15vh 5px;background-color: #a63ab4;border-radius: 10px;position: relative;bottom: 60vh;}

footer {display: flex;align-items: end;align-content: end;justify-content: space-evenly;flex-wrap: wrap;text-align: center;padding: 0 14vw;height: 100vh;}
footer p{color: #000000;font-weight: 700;background-color: #ffffff;padding: 2.2vh 0;margin: 3vh 0;font-size: calc(2rem - 0.5vw);line-height: 2.2rem;border-radius: 25px;width: 100%;}
.footer-back {position: absolute;z-index: -2;height: 100vh;object-fit: cover;}
.footer-menu {max-width: 440px;display: inline-block;vertical-align: bottom;width: 100%;}
.footer-face {max-width: 360px;border-radius: 15px;margin-top: 1vh;}
.footer-phone {flex-basis: 90%;background-color: #8800c6;border-radius: 20px;font-size: 2.8rem;padding: 2.5vh 0;font-weight: 700;margin-bottom: 10vh;}
.footer-regulamin {flex-basis: 100%;font-size: calc(0.75rem - 0.1vw);line-height: 1.3rem;font-weight: 400;padding: 1vh 0 1.2vh 0;}

.mobile {display:none;}
@media (max-width: 1200px){
.navbar-menu {display:none}
.navbar-checkbox, .navbar-burger {display:block}
.navbar a {border-top: 2px solid #555;padding: 3.5vh 0vw;width: 100%;font-size: 1.1rem;text-align: center;}
.navbar-logo {margin-left: 4vw;padding: 2.4vh 0 !important;}
.kontakt {background-image: none;}
}
@media (max-width:600px){
.mobile {display: block!important;}
.desktop {display:none!important}
.footer-menu {order:-1;}
}
@media (max-width:440px){
html{font-size: 5vw;}
}