@media all and (max-width: 1440px){
header, .jazyk{/*VSETKY*/
    font-size: 1.5rem;
}
.skola_fotky img{
    height: 40vh;
}
}
@media all and (max-width: 1024px){
header, .jazyk{/*VSETKY*/
    font-size: 1.2rem;
}
.skola_fotky img{
    height: 30vh;
}
table{
    width: 80vw;
}
.rozvrh h2{
    font-size: 1.5rem !important;
}
}
@media all and (max-width: 768px){
.mobilne-menu-content{ /*VSETKY*/
    display: block;
}
#menu{ /*VSETKY*/
    display: flex !important;
    justify-content: center;
    align-items: center;
    font-size: 3rem;
    background-color: rgb(61, 61, 61);
    color: white;
    height: 75px;
    width: 75px;
    border: none;
    border-radius: 50%;
    border: none;
    transform: rotate(0deg);
    transition: 0.5s;
}
#menu.otocit{/*VSETKY*/
    transform: rotate(90deg);
    transition: 0.5s;
}
.mobilne-menu.show {/*VSETKY*/
    display: flex !important;
}
.navbar{/*VSETKY*/
    display: none;
}
.jazyk{/*VSETKY*/
    font-size: x-large;
}
#nadpis{
    font-size: 3rem !important;
}
#skola_text{
    font-size: 0.8rem;
}
.skola_fotky{
    gap: 10px;
}
.rozvrh h2{
    font-size: 0.8rem !important;
}
.rozvrh::before{
    font-size: 0.8rem;
}
table{
    height: 35vh;
    width: 70vw;
}
table, table td, table tr{
    font-size: 0.5rem;
}
.rozvrh p{
    font-size: 0.6rem;
}
.inf_content{
    width: 200px;
    height: 300px;
    font-size: 0.7rem;
}
.inf_content hr{
    width: 150px;
}
.exit{
    height: 30px;
    width: 30px;
}
}
@media all and (max-width: 425px){

}