*{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: #002432;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;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: 900;}
.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(90vh - 0px);}
.intro2{color: #ffffff;margin-top: 8vh;font-weight: 900;font-size: calc(2rem + 1.3vw);}
.intro3{font-size: 1.7rem;letter-spacing: 0.2rem;background-color: #e60072;padding: 0.9rem 2rem 1.1rem 2rem;border-radius: 30px;font-weight: 900;margin: 0vh auto 14vh auto;}
.intro4{position: absolute;width: 100%;height: calc(95vh - 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: 4vh 0 6vh 0;justify-content: space-evenly;}
.kursy header{display:flex;flex-wrap: wrap;align-items: end;align-content: center;justify-content: start;margin-bottom: 1vw;}
.kursy h1{margin: 2vw 0 0 7vw;font-weight: 800;font-size: calc(1.8rem + 1.5vw);letter-spacing: 2px;}
.kursy-foto-m{margin: 0 0 3vh 0;border-radius: 10px;}
.kursy-foto-d{margin: 0 0 2vh 0;border-radius: 20px;max-height: 62vh;object-fit: contain;object-position: top;}
.kursy-opisy{align-self: start;margin-bottom: 2.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(2vw,25px);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.9vw);font-weight: 600;}
.kursy-cena span{font-size: 1.05rem;}
.kursy-osoba{font-size: calc(1rem - 0.4vw);}
.kursy-kup {grid-area: 3 / 1 / 4 / 3;/* color: #000000; */background-color: #ed005e;margin-top: calc(4vh - 0.6vw);margin-bottom: 4vh;padding: 8px calc(90px + 1vw);font-size: calc(1.15rem - 0.4vw);letter-spacing: 1px;font-weight: 700;border-radius: 15px;/* transform: skew(-5deg,0deg); */}
.kursy-rabat {font-size: 2.8rem;line-height: 4rem;font-weight: 900;text-align: center;margin: 2vw 0 8vh 0vw;}
.kursy-zalety {display: flex;flex-wrap: wrap;justify-content: space-evenly;font-size: 1.4rem;line-height: 3.2rem;font-weight: 600;margin: 2vw 0;}
.kursy-slajdy h2{font-size: 2.4rem;font-weight: 300;line-height: 3rem;padding: 2vw 0 4vh 5vw;}

.star {margin: 0 5px 15px 7vw;/* 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: 85vh;}
.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: 3vh 0 4vh 0;}
.kontakt .open {font-size: 1.3rem;font-weight: 600;}
.kontakt .maps {justify-content: space-between;font-size: 2.8rem;font-weight: 800;}

.kontakt .circle {margin: 12vh 0 2vh 0!important;height: 110px;width: 110px;border-radius: 50%;background-color: #009b0d;margin: 0 auto;/* animation: phone 1s var(--animation-curve) infinite alternate-reverse; */}
.kontakt .material-icons {font-size: 60px;padding-top: 28px;}


.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{font-size: 2rem;letter-spacing: 1px;color:#fff;background-color: #c5007b;margin-top: 5vh;padding: 2.5vh 3.5rem;/* border-radius: 20px; */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: #bd0092;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;}
}