@media (max-width: 1800px) {

    

    .body .body-content .divoss-kontrola h1{
        
        width: 60%;
        margin: 0 auto;
    }
    
}
@media (max-width: 1720px) {

    
    .divoss1 h1{
        width: 70%;
        margin: 0 auto;
        
    }

    .body .body-content .divoss-smernice h1{
        
        width: 60%;
        margin: 0 auto;
    }
}
@media (max-width: 1550px) {
    .body .body-content .divoss-pers-pozice h1{
        
        width: 60%;
        margin: 0 auto;
    }
    .body .body-content .divoss-vyber h1{
        
        width: 60%;
        margin: 0 auto;
    }
    .body .body-content .divoss-konzultace h1{
        
        width: 60%;
        margin: 0 auto;
    }
    .content-between{
        display: block!important;

    }
    .arrow{
        margin: 0 auto;
        transform: rotate(90deg);
    }
    .ability{
        margin-top: 0;
    }
}


@media (max-width: 1400px) {

    .content-between{
        display: block!important ;

    }
    body{
        height: 100%;
    }
    .ability{
        margin-bottom: 50px;
    }
    .body .body-content .divoss-hodnoceni h1{
       
        width: 50%;
        margin: 0 auto;
    }
    
    
    
    
}
@media (max-width: 1350px) {
    .header-uvod{
        flex-direction: column;
    }
    .main-paragraphs{
        margin: 0 auto;
        
        margin-bottom: 20px;
        
    }
    
    .simona-image-uvod{
        width: 50%;
        margin: 0 auto;
  
        
    }
    .main-about p{
        font-size: 20px!important;
    }
    
    .simona-image-uvod .simona-image{
        display: block;
        margin: 0 auto;
    }
    .header-uvod{
        margin-top: 150px;
    }
    .simona-image {
        width: 330px!important;
        
        margin: 0 auto;
    }
    
}

@media (max-width: 1300px) {
    .body .body-content .divoss-anketa h1{
        width: 50%;
        margin: 0 auto;
        
    }
    
    .body .body-content .divoss-vzdelavani h1{
        width: 50%;
        margin: 0 auto;
        
    }
    .body .body-content .divoss-konzultace h1{
        
        width: 60%;
        margin: 0 auto;
    }
    
    

}


@media (max-width: 1200px) {
    .body .body-content .divoss-audit h1{
        width: 50%;
                
    }
    .body .body-content .divoss-evidence h1{
        width: 70%;
        
        
    }
    .body .body-content .divoss-konzultace h1{
        
        width: 50%;
        margin: 0 auto;
        
    }
   
}
  



@media (max-width: 1100px) {
    
    .kontact-link {
        /* position: absolute;
        height: 50px;
        top: 89%; */
       
        position: relative;
        float: right;
        margin: 30px 0;
        margin-bottom: 80px;
        width: 110px;
        
    }
    
    .firmy-sideMenu{
        display: none;
        position: absolute;
        background: none;
        border: 3px solid black;
        background: rgba(0, 0, 0, 0.90);
        width: 70%;
        text-align: center;
        padding-bottom: 15px;
        
    }
    
    .firmy-sideMenu-jednotlivci{
        background: none;
    }
    
    .sideMenu-logo img{
        display: none;
        
    }
    .contact-link a button{
        top: auto;
        bottom: 80px;
    }
    .burger-menu-button{
        
        display: flex;
        justify-content: center;
        align-items: center;
        
    }
    .body .body-content .divoss-kontrola h1 {
        width: 80%;
        margin: 0 auto;
    }
    .body .body-content .divoss-konzultace h1{
        
        width: 42%;
        margin: 0 auto;
        
    }
    
    .header .main-heading {
        font-size: 45px;
    } 
    .simona-image-uvod{
        z-index: 1;

    }
    .firmy-sideMenu{
        z-index: 2;
    }
    .burger-menu-button{
        z-index: 10;
    }
    .sideMenu-heading a:hover{
        color: #ababab;
    }
    .firmy-li a:hover {
        color: #ababab; 
    }
    .jednotlivci-li a:hover {
        color: #ababab; 
    }
        
}

@media (max-width: 1000px) {
    .header{
        flex-direction: column;
        height: auto;
        
    }
    .header-uvod{
        flex-direction: column;
        height: auto;
        
    }
    
    .main-paragraphs{
        margin: 0 auto;
    }
    .simona-image-div{
        margin: 0 auto;
        
    }
    .header-uvod{
        margin-top: 20px;
    }
    
}
@media (max-width: 950px) {
    .body .body-content .divoss-konzultace h1{
        width: 50%;
        margin: 0 auto;
        
    }
    
}
@media (max-width: 900px) {
    .logo{
        margin-left: 15px;
    }
    .logo img{
        height: 100px;
     }
    
}

@media (max-width: 850px) {

    .body .body-content .divoss-smernice h1 {
        width: 60%;
        margin: 0 auto;
    }
    
    
    
}




@media (max-width: 800px) {

    
    header .main-heading{
        font-size: 40px;
    }
    header .main-about{
        font-size: 17px;
    }
    .divoss h1{
        margin: auto;
        padding: 0;
        width: 400px;
        /* border: 2px solid blue; */
        
    }
    .ft-contact-section{
        margin-left: 10px;
    }
    .footer-section{
        margin-left: 10px;
    }
    .body .body-content .divoss h1 {
        width: 90%;
    }
   
    .body .body-content .divoss-anketa h1{
        width: 60%;
        margin: 0 auto;
        
    }
    .body .body-content .divoss-vzdelavani h1 {
        width: 60%;
        
    }
        
    .kontact-link {
        
        width: 23%;
        padding: 0;
        
    }
    .horiznontal-menu .horiznontal-menu-links {
        display: flex;
        flex-direction: column;
        padding: 10px;
        
    }
    .horiznontal-menu .horiznontal-menu-links a{
        margin: 5px auto;
        
    }
    .simona-image-uvod{
        width: 40%!important;
        display: flex;
        flex-direction: column;
        justify-content: center;
        margin-left:50px;
        width: 80%;
        margin: 0 auto;
    }
    .simona-image-main{
        margin-top: 180px;
    }
    .simona-image-uvod .simona-image{
        display: block;
        margin: 0 auto;
        
        margin-left: -50px;
    }
    .header{
        height: auto;
    }
    .simona-image-div{
        margin: 0 auto;
        margin-top: -180px;
    }
    .header-uvod{
        margin-top: 180px;
    }


}


@media (max-width: 700px) {

    .ft-contact-section{
        margin-left: -1px;
    }
    
    .body .body-content .divoss-vzdelavani h1 {
        width: 80%;
        
    }
    .body .body-content .divoss-kontrola h1 {
        width: 70%;
    }
    .body .body-content .divoss-konzultace h1{
        width: 60%;
        
    }
    .simona-image{
        
        width: 300px !important;
        margin-top: 15px;
    }
    .header .main-heading {
        font-size: 40px;
    }
    .simona-image-uvod .simona-image{
        display: block;
        margin: 0 auto;
        
        margin-left: -75px;
    }
    .simona-image-main{
        margin-top: 180px;
    }
    
}

@media (max-width: 600px) {

    
    .body .body-content .divoss h1 {
        font-size: 40px;
    }
    .body .body-content .divoss h2 {
        font-size: 25px;
    }
    .examples{
        width: 80%;
        
    }
    .examples li{
        font-size: 21px;
    }
    .ability{
        width: 80%;
    }
    .ability p{
        font-size: 21px;
    }


    .footer-section{
        width: 65%;
    }
    .footer-section img{
        height: 80px;
        width: 105px;
    }
    .footer-section p{
       
        font-size: 14px;
    }
    .footer-section h3{
       
        font-size: 18px;
    }

    .footer-sectionn{
        
        width: 65%;
    }
    .footer-sectionn p{
       
        font-size: 15px;
    }

    .footer-end{
        font-size: 15px;
    }
    .firmy-sideMenu-firmy-ul li a{
        font-size: 17px;
    }

    .firmy-sideMenu-jednotlivci-ul li a{
        font-size: 17px;
    }
    .sideMenu-logo{
        height: 90px;
        
    }
    .sideMenu-heading a {
        font-size: 22px;
    }
    .body .body-content .divoss-anketa h1 {
        width: 80%;
    }
    .body .body-content .divoss-konzultace h1{
        
        width: 60%;
        margin: 0 auto;
        
    }
    .iputs{
        width: 80%;
    }
    .main-paragraphs{
        width: 80%!important;
    }
    .main-about{
        width: 100%!important;
    }
    
}
@media (max-width: 530px) {

    .body .body-content .divoss h1 {
        
        width: 90%;
        font-size: 34px;
    }
    .body .body-content .divoss h2 {
        font-size: 23px;
    }
    .body .body-content .divoss-konzultace h1{
        
        width: 60%;
        margin: 0 auto;
        
    }
    .body .body-content .divoss-anketa h1 {
        width: 70%;
    }
    .body .body-content .divoss-vzdelavani h1 {
        width: 70%;
        
    }
    .body .body-content .divoss-kontrola h1 {
        width: 60%;
    }
    .kontact-link {
        width: 110px;
    }
    
}

@media (max-width: 450px) {
    
    .horiznontal-menu{
        
        justify-content: center;
        width: 100%;
    }

    .horiznontal-menu .horiznontal-menu-links{
        margin-right: 0;
    }
    .horiznontal-menu .logo{
        margin-left: 0;
    }
    header .main-heading{
        font-size: 30px;
        
    }
    
    .main-navBar{
        
        width: 90%;
    }
    .main-navBar a{
        
        width: 46%;
        height: auto;
        padding: 0 auto;
    }
    
    .simona-image-div img{
        width: 260px !important;
        height: 360px;
    }

    /********************/
    .contact-link a{
        
        top: 100px;
    }
    .contact-link a button {
        font-size: 13px;
        
        
    }
    .smh2 a:hover{
        color: #fff;
    }
    .smh1 a:hover{
        color: #fff;
    }

    .smh1 a:active{
        color: #707070;
    }
    .smh2 a:active{
        color: #707070;
    }

    .body .body-content .divoss h1{
        margin: 0 auto;
        margin-top: 45px;
        font-size: 30px;
    }
    .arrow img{
        height: 150px;
    }
    .examples li{
        font-size: 20px;
        line-height: 1.1;
    }
    .ability p{
        line-height: 1.1;
    }

    .kontact-link {
        width: 110px;
    }
    
    .burger-menu-button{
        margin-left: 7px;
        width: 70px;
        height: 70px;
    }
    .last-in{
        margin-bottom: 20px;
    }
    
}