@media only screen and (max-width: 600px) {
.slide .slideText .nadpis1 {
    font-size: 24px;
}

.slide .slideText h1 {
    font-size: 13px;
}

}

/* ------ menší neš SM -----------*/
@media only screen and (max-width: 575px) {



}


@media only screen and (max-width: 500px) {

.slide {
    min-height: 50vw;
}

.slide .slideText {
    width: 52%;
    left: 45%;
}

.slide .slideText .nadpis1 {
    font-size: 21px;
}

.slide .slideText h1 {
    font-size: 12px;
}

.slide .slide2Text {
    width: 100%;
    left: 0%;
}

.slide2Text h2 {
    font-size: 24px;
}

.slide2Text h3 {
    font-size: 14px;
}

.tlSlide2 {
    font-size: 13px;
    padding: 5px 6%;
}

.hlavniText h2 {
    font-size: 18px;
}


.hlText h1, .clanek h1 {
    margin: 0px 0% 10px 0px;
    font-size: 18px;
    line-height: 24px;
}



.hlText h2, .clanek h2 {
    margin: 0px 0% 10px 0px;
    font-size: 16px;
    line-height: 20px;
}

}


@media only screen and (max-width: 450px) {


}



@media only screen and (max-width: 400px) {
.slide {
    min-height: 50vw;
}

.slide .slideText {
    width: 52%;
    left: 45%;
}

.slide .slideText .nadpis1 {
    font-size: 18px;
}

.slide .slideText h1 {
    font-size: 12px;
}

.slide .slide2Text {
    width: 100%;
    left: 0%;
}



div.telo .uvod .hlavniText h3 {
    font-size: 18px;
}


}







@media only screen and (max-width: 350px) {
.slide2Text h2 {
    font-size: 18px;
}

.slide2Text h3 {
    font-size: 13px;
}

.tlSlide2 {

    font-size: 12px;
    padding: 5px 6%;

}

.hlavniText h2 {
    font-size: 16px;
}

div.telo .uvod .hlavniText {
    font-size: 13px;
}

}