@media only screen and (max-width: 1050px){
 .texty{
    width: 80%;
 }
}
@media only screen and (max-width: 810px){
    #nadpisBackgroundS h1{
        font-size: 30px;
    }
    #nadpisBackgroundP h1{
        font-size: 30px;
    }
    #nadpisBackgroundV h1{
        font-size: 30px;
    }
    #predel h2{
        font-size: 30px;
    }
    #predelV h2{
        font-size: 30px;
    }
    #nadpisBackgroundV{
        background-position: right;
    }
    #nadpisBackgroundP{
        background-position: center;
    }
    #nadpisBackgroundS{
        background-position: center;
    }
}
@media only screen and (max-width: 680px){
    .dolni ul #socialNetworks a {
        padding: 1.43vh 3vw;
    }
}
@media only screen and (max-width: 580px){
    #nadpisBackgroundS h1{
        font-size: 28px;
    }
    #nadpisBackgroundP h1{
        font-size: 28px;
    }
    #nadpisBackgroundV h1{
        font-size: 28px;
    }
    #predel h2{
        font-size: 28px;
    }
    #predelV h2{
        font-size: 28px;
    }
    #uvod{
        font-size: 18px;
    }
    .podnadpis{
        font-size: 22px;
    }
    .odstavec{
        font-size: 18px;
    }
}
@media only screen and (max-width: 490px){
    .texty{
        width: 90% !important;
     }
     #uvod{
        font-size: 16px;
    }
    .podnadpis{
        font-size: 18px;
    }
    .odstavec{
        font-size: 16px;
    }
    .CTAButton{
        font-size: 16px;
    }
}
@media only screen and (max-width: 410px){
    #nadpisBackgroundS h1{
        font-size: 24px;
    }
    #nadpisBackgroundP h1{
        font-size: 24px;
    }
    #nadpisBackgroundV h1{
        font-size: 24px;
    }
    #predel h2{
        font-size: 24px;
    }
    #predelV h2{
        font-size: 24px;
    }
    .dolni ul #socialNetworks a {
        padding: 1.43vh 2.5vw;
    }
}
@media only screen and (max-width: 380px){

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

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

}