.mobile-container {
  margin: 0 auto;
  color: white;
  border-radius: 10px;

}
.mobile-container .topnav .active img{
  background-color: transparent;
}
.mobile-container .topnav .myLinks a button{
  padding: 0;
  text-align: center;
}
.mobile-container .topnav .myLinks .cta{
  text-align: left;
}
.topnav {
  overflow: hidden;
  background-color: white;
  position: relative;
}
.topnav li{
  list-style: none;
}
.topnav #myLinks {
  display: none;
  text-align: center;
}

.topnav a {
  color: black;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  background-color: white;
}
.topnav .cta{
    background-color: #12907c;
    border-radius: 1rem;
    padding-bottom: 1rem;
    margin-bottom: 1rem;
    color: white;
}
.topnav .cta:hover{
    background-color: #128572;
    color: black;
}
.topnav a.icon {
  display: block;
  position: absolute;
  right: 2%;
  top: 0;
}

.topnav a:hover {
  color: black;
}

.topnav .active {
background-color: white;
  color: black;
  padding-left: 0;
}
.icon i{
    background-color: transparent;
    font-size: 20px;
}
.icon{
    margin-top: 15px;
    padding: 30px;
}
#myLinks{
    width: 25%;
    justify-self: center;
}
.icon:hover{
    background-color: #ddd;
}

    /* ----------------------------------------------------------- */
@media (max-width: 1650px) {
  .container-o_mnie{
        grid-template-columns: 100%;
    grid-template-rows: auto;
    grid-template-areas: grid1 
    grdi2;
    justify-content: center;
    text-align: center;
  }
  .grid2{
    margin-top: 2rem;
    justify-self: center;
  }
  .slider-content{
    bottom: 55%;
  }
}
@media (max-width: 1250px) {
    iframe{
        width: 100%;
    }
.slider-content{
  display: none;
}
.background-slider{
  display: none;
}
#slide_1{
  height: 600px;
}
#slide_2{
  height: 600px;
}
#slide_3{
  height: 600px;
}
.P2{
  color: rgb(61, 61, 61);
}
.P3{
  color: rgb(61, 61, 61);
}
.slider-nav{
  bottom: 2rem;
}
.opis-od1250px{
  margin-top: 5rem;
}
}
@media (min-width: 1250px) {
  .opis-od1250px{
    display: none;
  }
}
@media (max-width:1439px){
  .Header_back{
    display: none;
  }
.mobile-container .topnav .active img{
  margin-left: 25px;
}
}
@media (min-width:1440px){
  .mobile-container{
    display: none;
  }
}
@media (max-width:890px){
  #myLinks{
    width: 35%;
  }
}
@media (max-width:800px){
    #slide_1{
  height: 500px;
}
#slide_2{
  height: 500px;
}
#slide_3{
  height: 500px;
}
.slider-nav{
  bottom: 2rem;
}
}
@media (max-width: 768px) { 
    #myLinks{
    width: 50%;
  }
}
@media (max-width:656px){
    #myLinks{
    width: 55%;
  }
  .gabinet-neuro{
    scale: 0.7;
  }
  .slider {
  height: 300px;
}

.slider img {
  height: 300px;
}
.slider-text h1 {
  font-size: 38.4px;
}

.slider-text p {
  font-size: 16px;
}
}
@media (max-width:600px){
    #myLinks{
    width: 60%;
    justify-self: center;
}
    .opis-od1250px{
        scale: 0.8;
    }
    .container-dalczego-nagl{
        scale: 0.8;
    }
 .container-dlaczego{
        width: 80%;
 }
 .container-o_mnie{
    width: 80%;
 }
 .image2{
  width: 285px;
  height: 345px;
 }
 #myBtn{
  bottom: 5rem;
 }
 .visible {
  max-height: 350px; /* dowolna wysokość większa niż zawartość */
}
}
@media (max-width: 552px) {
    .slider-nav{
  bottom: 2rem;
}
    .opis-od1250px{
        scale: 0.7;
    }
    .container-dalczego-nagl{
        scale: 0.7;
    }
        #slide_1{
  height: 350px;
}
#slide_2{
  height: 350px;
}
#slide_3{
  height: 350px;
}
 .visible {
  max-height: 400px; /* dowolna wysokość większa niż zawartość */
}
}
@media (max-width: 450px) {
    .opis-od1250px{
        scale: 0.6;
    }
    .P1{
        font-size: 50px;
    }
      .gabinet-neuro{
    scale: 0.6;
  }
         .visible {
  max-height: 450px; /* dowolna wysokość większa niż zawartość */
}

}
@media (max-width: 403px) {
    .P1{
        font-size: 40px;
    }
    .P2{
        font-size: 30px;
    }
         .visible {
  max-height: 500px; /* dowolna wysokość większa niż zawartość */
}
    #myLinks{
    width: 100%;
  }
}
@media (max-width: 435px) {
    #myLinks{
    width: 55%;
    justify-self: center;
}
}
.polityka{
  min-height: 100vh;
    font-family: 'Nunito-Regular';

}
.polityka h3{
  font-family: 'ClashDisplay-SemiBold';
  color: #128572;
  letter-spacing: 2px;
}
.polityka h1{
  font-family: 'ClashDisplay-SemiBold';
  color: #128572;
  letter-spacing: 2px;
}
