@media only screen and (max-width: 1420px){
    .onePublicCard{
        min-width: auto;
    }
    .nahledArticle #submit{
        margin-left: 100px;
    }
    .nahled #submit{
        margin-left: 100px;
    }
    #questionText2{
  
        transform: translate(360px, -140px);
    }
}
@media only screen and (max-width: 1320px){
  .link{
    padding: 1vh 1.5vw;
  }
}
@media only screen and (max-width: 1280px){
    .articleCards{
        justify-content: center;
    }
    .onePublicCard{
        width: 40%;
    }
    .nahledArticle #submit{
        margin-left: 45px;
    }
    .nahled #submit{
        margin-left: 45px;
    }
    #questionText2{
  
        transform: translate(340px, -140px);
    }
    
}
@media only screen and (min-width: 1160px){
    #question-mark2{
        display: flex !important;
    }
    #question-mark3{
        display: flex !important;
    }
    #responsiveText2{
        display: none !important;
    }
}
@media only screen and (max-width: 1190px){
    .horni #seznam {
        margin-right: 0vw;
    }
    .link{
        padding: 1vh 1vw;
    }
}
@media only screen and (max-width: 1160px){
    #formSubscribe #inputEmail{
        width: 100%;
    }
    #question-mark2{
        display: none;
    }
    #question-mark3{
        display: none;
    }
    #responsiveText2{
        display: flex;
    }
    #subscribe{
        display: flex;
        flex-direction: column;
    }
    #formSubscribe{
        gap: 10px;
    }
    
}
@media only screen and (max-width: 1100px){
    .nahledArticle #submit{
        margin-left: 0px;
    }
    .nahledArticle #email{
        width: 250px;
    }
    .nahled #submit{
        margin-left: 0px;
    }
    .nahled #email{
        width: 250px;
    }
}
@media only screen and (max-width: 1050px){
    .horni #seznam{
        display: none;
    }
    .horni #menuMobil{
        display: flex;
    }
    .horni #crossMobil{
        display: none;
    }
   
}
@media only screen and (min-width: 1050px){
    
    .horni #seznam{
        display: flex !important;
    }
    .horni .ikonyMenu{
        display: none !important;
    }
    .horni #seznamMobil{
        display: none !important;
    }
    .horni #menuMobil{
        display: none !important;
    }
    .horni #crossMobil{
        display: none !important;
    }
}
@media only screen and (max-width: 880px){
    .nahledArticle #subscribe{
        padding-left: 12px;
        padding-right: 12px;
    }
    .nahledArticle #submit{
            margin-left: 0px;
    }
    .nahledArticle #email{
        width: 220px;
    }
    .nahledArticle #email::placeholder{
        font-size: 14px;
    }
    .nahled #subscribe{
        padding-left: 12px;
        padding-right: 12px;
    }
    .nahled #submit{
            margin-left: 0px;
    }
    .nahled #email{
        width: 220px;
    }
    .nahled #email::placeholder{
        font-size: 14px;
    }
}
@media only screen and (max-width: 810px){
    main .nahled{
        background-position: center;
        /* background-size: auto; */
    }
    #publicArticles{
        width: 95%;
    }
    .nahledArticle .texty{
        width: 80%;
    }
    .nahled .texty{
        width: 80%;
    }
    .articleCards{
        width: 95%;
    }
    .onePublicArticle{
        margin-bottom: 20px;
        height: auto;
    }
    .onePublicCard{
        width: 90%;
    }
    .oneCard{
        width: 90%;
    }
    .nahledArticle #nadpisBackground h1{
        font-size: 24px;
    }
    .nahled #nadpisBackground h1{
        font-size: 24px;
    }
    #formSubscribe{
        width: 100%;
      }
}
@media only screen and (max-width: 680px){
    .dolni ul #socialNetworks a {
        padding: 1.43vh 3vw;
    }
}
@media only screen and (max-width: 600px){
  .nahledArticle #subscribe{
    padding-left: 10px;
        padding-right: 10px;
        width: 100%;
  }
  .nahled #subscribe{
    padding-left: 10px;
        padding-right: 10px;
        width: 100%;
  }
  
  #responsiveText2 p{
    font-size: 12px;
  }

}
@media only screen and (max-width: 475px){
    .nahledArticle #subscribe{
        padding-left: 5px;
        padding-right: 5px;
      }
    .nahledArticle #email {
        width: 204px;
    }
    .nahled #subscribe{
        padding-left: 5px;
        padding-right: 5px;
      }
    .nahled #email {
        width: 204px;
    }
    .onePublicArticle{
        height: auto;
    }
    #karta #nadpisClanku{
        font-size: 16px;
    }
    #karta #uvodClanku{
        font-size: 13px;
    }
    .nahledArticle #submit{
        width: 100px;
    }
    .nahledArticle #nadpisBackground h1{
        font-size: 22px;
    }
    .nahled #submit{
        width: 100px;
    }
    .nahled #nadpisBackground h1{
        font-size: 22px;
    }
    #responsiveText2{
        padding: 5px;
    }
    #responsiveText2 p{
        font-size: 10px;
      }
}
@media only screen and (max-width: 410px){
    .horni #crossMobil{
        left: 60%
    }
    .nahledArticle #subscribe{
        display: table;
    }
    .nahledArticle #formSubscribe{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .nahledArticle #submit{
        width: 70%;
    }
    /* .nahled #subscribe{
        display: table;
    } */
    .nahled #subscribe{
        display: flex;
        justify-content: center;
    }
    .nahled #formSubscribe{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .nahled #submit{
        width: 70%;
    }
    .dolni ul #socialNetworks a {
        padding: 1.43vh 2.5vw;
    }

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