@media only screen and (max-width: 1280px), only screen and (max-device-width: 1280px) {

	.row {
	padding-left: 40px;
    padding-right: 40px;
    }
	.footer-levy {
	padding-left: 40px;
    }
	.footer-pravy {
	padding-left:40px;
    }
	span.mezititulek-1 {
	font-size:4em;
    }
}

@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {

.video-modal-content {
  height: 80vh;
}

    span.mezititulek-1 {
	font-size:3em;
    bottom:-40px;
}

.wrap-partneri, .wrap-vzhuru{
    gap: 40px;
	}

.wrap-partneri-am{
    align-items: flex-end;
	}

    h1 {
font-size: 5em;
    }

        h2 {
font-size: 2em;
    }
}

@media only screen and (max-width: 860px), only screen and (max-device-width: 860px) {

    .wrap-partneri, .wrap-vzhuru, .container-prihlaska {
    flex-wrap: wrap;
    gap:40px;
    justify-content: center;
     }

      .wrap-partneri > div, .wrap-vzhuru > div, .prihlaska-formular, .prihlaska-info {
    flex-basis: 100%; /* Každý div zabere celou šířku a bude pod sebou */
    /* Odstraníme flex: 1;, protože flex-basis: 100% je specifičtější */
    /* Nebo ponech flex: 1 100%; */
  }

    .partneri-obrazek-1{
max-width:80%; margin-left: -40px; top:auto;
	}

  .partneri-obrazek-3{
max-width:80%; margin-right: -40px;
	}

        p.par-2024 {
width:90%;
     }

  }

@media only screen and (max-width: 768px), only screen and (max-device-width: 768px) {
 
.message-modal-content {
  padding: 40px 40px 50px 40px;
  width: 100%;
  max-width: 500px;
  margin-left:30px; margin-right: 30px;
}

.message-modal-content h5 {
    font-size: 2em;
    color: #036147;
    margin-bottom: 30px;
}

.message-modal-content p {
    font-size: 1.1em;
    font-weight: 500;
    color: #333;
    line-height: 1.2;
}

    .wrap-pravidla p {
	max-width: 100%;
}
 
    h1 {
font-size: 4em; line-height:;
    }

        h2 {
font-size: 1.5em;
    }
    .partneri-obrazek-1{
margin-left: -30px;max-width:100%;
	}
  .partneri-obrazek-3{
margin-right: -30px;max-width:100%;
	}
.wrap-partneri-am{
	padding-bottom:px;
 	}

.par-partneri-popis {
	font-size:1.3em;
}

	.row, .intro-blok {
	padding-left: 30px;
    padding-right: 30px;
    }
	.footer-levy {
	padding-left: 30px;
    }
	.footer-pravy {
	padding-left:30px;
    }

    .row-2024 {
	padding-top:20px;
    padding-bottom:20px;
    }

    .wrap-vzhuru{
    padding-bottom: 60px;
	}

.ramecek-2024 {
border-radius: 60px; padding: 80px 40px;
}

    h3 {
font-size: 3em;
     }
    .h3-2024 {
    font-size: 2em; text-transform: uppercase; margin-bottom: 40px; font-weight: 800;
}
    .par-perex {
font-size: 1.3em;
width:90%;
     }
     
    .button {
font-size: 1em;
     }
    span.mezititulek-1 {
	font-size:2em;
    bottom:-20px;
}

.footer-levy {
        flex:2; display;
    }

.wrap-partneri, .wrap-vzhuru{
    gap: 40px;
	}


}

@media only screen and (max-width: 620px), only screen and (max-device-width: 620px) {
        .h1-1 {
display:none;
    }
.h1-2 {
display:block;
line-height: 1.15em;
margin-bottom:20px;
    }

}

@media only screen and (max-width: 560px), only screen and (max-device-width: 560px) {
    .par-perex {
	width:100%; 
}
    span.mezititulek-1 {
	font-size:3em;
    line-height: 0.8em;
    bottom:-20px;
}
.wrap-pravidla h4 {
	font-size: 1.3em; line-height: 1.15em;
}

.wrap-pravidla p {
	font-size:1em;
    line-height:1.3em;
}

.wrap-prihlaska p {
	margin-top: 10px;
	font-size:1.1em;
	line-height: 1.3em;
}

.prihlaska-info {
	margin-top: 40px;
    border-top: #036147 4px solid;
}

}


@media only screen and (max-width: 480px), only screen and (max-device-width: 480px) {


        h1 {
font-size: 3.5em; line-height: 1.15em;
    }


.par-partneri-popis {
	font-size:1.2em;
}

a.button-2024 {
display:none;
	}
a.button-2024-2 {
display:inline-block;
	}

    span.mezititulek-1 {
	display:none;
}
    span.mezititulek-2 {
	display:inline-block;
}


}