@media only screen and (max-width: 600px) {
    html {
        background: url(img/posuv.png);
        background-repeat: no-repeat;
        background-position-x: 129px;
    }
    html.zoom-1 {
        overflow-x: hidden;
        width: 100% !important;
        max-width: 100% !important;
    }
    body {
        background: url(img/posuv.png);
        background-repeat: no-repeat;
        /* background-size: auto; */
        background-position-x: 129px;
        background-position-x: 7px;
    }
    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        /* background: none !important; */
        padding-top: 16px;
        background-color: #f8f8f8;
        background-image: url('img/posuv.png');
        background-repeat: no-repeat;
        background-position-x: 7px;
        z-index: 99999999;
    }
    img.img-fluid.logo {
        width: 201px;
    }
    a.nav-link {
        font-family: "Lato", sans-serif;
        FONT-WEIGHT: 700;
        font-size: 18px;
        color: #EC671B;
    }
    
    li.nav-item {
        padding-right: 44px;
    }
    
    a.nav-link.active {
        color: #EC671B !important;
    }
    p.dds {
        font-family: "Roboto", sans-serif;
        font-size: 20px;
        color: #534D4D;
        /* padding-right: 7px; */
    }
    section#uvod {
        padding-top: 85px;
        background-color: #f8f8f8;
        background-image: url('img/posuv.png');
        background-repeat: no-repeat;
        /* background-size: auto; */
        background-position-x: 7px;
        padding-bottom: 75px;
    }
    @font-face {
        font-family: 'NS1';
        src: url('ns1.otf') format('opentype');
    }
    .container {
    padding-left: 60px;
}

img.dwsas {
    max-width: 100%;
    padding-top: 51px;
}
    h1 {
        font-family: 'NS1', sans-serif;
        font-size: 42px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        padding-bottom: 18px;
        padding-top: 53px;
    }
    .dwwds {
        display: inline-block;
        padding: 15px 65px;
        /* background-color: #007bff; */
        color: #EC671B;
        text-decoration: none;
        /* border-radius: 5px; */
        font-family: 'NS1';
        font-size: 23px;
        border-style: dashed;
        border-color: #3A6FA6;
    }
    .dwwds:hover {
        background-color: #ffffff;
        color: #ec671b;
    }
    .dwwddw {text-align-last: center;padding-top: 20px;}
    .col-md-6.col-12.ttop {
        margin-top: -77px;
    }
    h2 {
        font-family: 'NS1', sans-serif;
        font-size: 75px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        text-align: -webkit-center;
        padding-bottom: 8px;
    }
    
    section#nasesluzby {
        padding-top: 82px;
    }
    h2 {
        font-family: 'NS1', sans-serif;
        font-size: 39px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        text-align: left;
        padding-bottom: 8px;
    }
    
    section#nasesluzby {
        padding-top: 10px;
        padding-bottom: 87px;
        background-position-x: 7px;
        /* padding-top: 85px; */
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        /* background-size: auto; */
        background-position-x: 7px;
        padding-bottom: 57px;
    }
    
    p.dsads {
        font-family: "Roboto", sans-serif;
        font-size: 21px;
        color: #534D4D;
        /* padding-left: 85px; */
        /* padding-right: 85px; */
        /* text-align: -webkit-center; */
        padding-bottom: 17px;
    }
    img.tees {
        position: relative;
        /* left: -215px; */
    }
    img.tees {
    max-width: 100%;
    padding-bottom: 44px;
}
    h3 {
        font-family: 'NS1', sans-serif;
        font-size: 26px;
        color: #534D4D;
        /* text-align: -webkit-center; */
    }
    p.dsswqw {
        /* padding-right: 82px; */
        font-family: "Merriweather", serif;
    }
    p.dsswqw.dss {/* padding-right: 86px; */}
    a.dwwds.ora {
        color: black;
        border-color: #ec671b;
    }
    a.dwwds.ora:hover {
        color: black;
        border-color: #ec671b;
        background:#f8f8f8;
    }
    section#projekty {
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        /* background-size: auto; */
        background-position-x: 7px;
        padding-bottom: 90px;
    }
    .category-menu a {
        display: block;
        padding: 10px;
        color: gray;
        text-decoration: none;
    }
    .category-menu a.active {
        color: #EC671B;
        width: max-content;
    }
    .category-menu a.active span.pods::after {
        content: ' ';
        display: block;
        border-bottom: 3px dashed #EC671B;
        margin-top: 5px;
    }
    html {
        overflow-x: hidden !important;
        width: -webkit-fill-available !important;
    }
    html {
        height: -webkit-fill-available !important;
    }
    .dots {
        text-align: center;
        margin-top: 20px;
    }
    .dots span {
        display: inline-block;
        width: 31px;
        height: 6px;
        margin: 0 5px;
        background-color: #EC671B;
        /* border-radius: 50%; */
        opacity: 0.5;
        cursor: pointer;
    }
    .dots span.active {
        opacity: 1;
    }
    h3.ssw {
        font-size: 38px;
        text-align-last: left;
    }
    
    p.roboto {font-family: "Roboto", sans-serif;font-size: 20px;FONT-WEIGHT: 500;color: #747474;}
    .category-menu a {
        padding-left: 0;
        font-family: "Roboto", sans-serif;
        font-size: 21px;
        FONT-WEIGHT: 600;
        color: #969CA2;
        padding-top: 32px;
    }
    div#projects-container .col-md-6.col-6 {
        padding-bottom: 37px;
    }
    .category-menu {
        padding-top: 0px;
        padding-bottom: 45px;
    }
    section#kontakt {
        padding-top: 60px;
        padding-bottom: 87px;
        background: #f8f8f8;
        /* padding-top: 105px; */
        padding-bottom: 87px;
        background-color: #f8f8ff;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        /* background-size: auto; */
        background-position-x: 7px;
        padding-bottom: 0px;
    }
    .karta-kontaktu {
        text-align-last: center;
        width: 100%;
        background: white;
    .cary {
        border-top: dashed;
        border-color: #ec671b;};
    .cary {
        border-top: dashed;
        border-color: #ec671b;
        padding-bottom: 13px;
        };
        padding-left: 17%;
        padding-right: 17%;
        padding-top: 32px;
        padding-bottom: 12px;
        border-bottom-right-radius: 40px;
        border-bottom-left-radius: 40px;
        margin-bottom: 100px;
        box-shadow: 45px 48px 212px -45px rgba(220,220,255,1);
        -webkit-box-shadow: 35px 53px 135px -55px rgb(235 235 255);
        -moz-box-shadow: 45px 48px 212px -45px rgba(220,220,255,1);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    }
    h4 {
        color: #EC671B;
        font-family: 'NS1';
        font-size: 22px;
    }
    .row > div:nth-child(1) .karta-kontaktu {
        margin-right: 70px;
    }
    
    .row > div:nth-child(2) .karta-kontaktu {
        /* margin-left: 70px; */
    }
    
    .row > div:nth-child(3) .karta-kontaktu {
        /* margin-right: 35px; */
        /* margin-left: 35px; */
    }
    .cary {border-top: dashed;border-color: #ec671b;}
    span.kkont {
        display: block;
        font-weight: bold;
        font-family: 'Roboto';
        font-size: 17px;
    }
    .cary.rew {
        margin-top: 13px;
    }
    section#footer {
        /* background: #f8f8f8; */
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        /* background-size: auto; */
        background-position-x: 7px;
        padding-bottom: 17px;
    }
    .pospw {
        font-family: 'NS1';
        padding-top: 12px;
        font-size: 26px;
        color:#1D1D1B;
    }
    span.mmnes {
        display: block;
    }
    .dwqwsda {
        font-family: 'NS1';
        color: #747474;
        font-size: 21px;
        padding-bottom: 21px;
        margin-top: -2px;
        padding-top: 30px;
    }
    
    span.mmnes {
        font-family: 'Roboto';
        font-size: 17px;
        FONT-WEIGHT: 500;
        color: #4B647E;
    }
    a.dwsa {
        text-decoration: none;
        color: #4B647E;
    }
    .col-12.podpiska {
        font-family: Roboto, SANS-SERIF;
        font-size: 14px;
        color: #969CA2;
        padding-top: 116px;
    }
    body {
        height: 100% !important;
        width: 100% !important;
        overflow-x: hidden;
    }
}

@media screen and (min-width: 768px) and (max-width: 960px) { 
    html {
        background: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
    }
    
    body {
        background: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
    }
    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        /* background: none !important; */
        padding-top: 68px;
        background-color: #f8f8f8;
        background-image: url('img/posuv.png');
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
    }
    img.img-fluid.logo {
        width: 250px;
    }
    a.nav-link {
        font-family: "Lato", sans-serif;
        FONT-WEIGHT: 700;
        font-size: 18px;
        color: #EC671B;
    }
    
    li.nav-item {
        padding-right: 44px;
    }
    
    a.nav-link.active {
        color: #EC671B !important;
    }
    p.dds {
        font-family: "Roboto", sans-serif;
        font-size: 23px;
        color: #534D4D;
        padding-right: 7px;
    }
    section#uvod {
        padding-top: 85px;
        background-color: #f8f8f8;
        background-image: url('img/posuv.png');
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
        padding-bottom: 75px;
    }
    @font-face {
        font-family: 'NS1';
        src: url('ns1.otf') format('opentype');
    }
    h1 {
        font-family: 'NS1', sans-serif;
        font-size: 89px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        padding-bottom: 18px;
    }
    .dwwds {
        display: inline-block;
        padding: 15px 65px;
        /* background-color: #007bff; */
        color: #EC671B;
        text-decoration: none;
        /* border-radius: 5px; */
        font-family: 'NS1';
        font-size: 23px;
        border-style: dashed;
        border-color: #3A6FA6;
    }
    .dwwds:hover {
        background-color: #ffffff;
        color: #ec671b;
    }
    .dwwddw {text-align-last: center;padding-top: 85px;}
    .col-md-6.col-12.ttop {
        margin-top: -77px;
    }
    h2 {
        font-family: 'NS1', sans-serif;
        font-size: 75px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        text-align: -webkit-center;
        padding-bottom: 8px;
    }
    
    section#nasesluzby {
        padding-top: 82px;
    }
    h2 {
        font-family: 'NS1', sans-serif;
        font-size: 75px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        text-align: -webkit-center;
        padding-bottom: 8px;
    }
    
    section#nasesluzby {
        padding-top: 82px;
        padding-bottom: 87px;
    }
    
    p.dsads {
        font-family: "Roboto", sans-serif;
        font-size: 21px;
        color: #534D4D;
        padding-left: 85px;
        padding-right: 85px;
        text-align: -webkit-center;
        padding-bottom: 90px;
    }
    img.tees {
        position: relative;
        left: -215px;
    }
    h3 {
        font-family: 'NS1', sans-serif;
        font-size: 26px;
        color: #534D4D;
        /* text-align: -webkit-center; */
    }
    p.dsswqw {
        padding-right: 82px;
        font-family: "Merriweather", serif;
    }
    p.dsswqw.dss {padding-right: 86px;}
    a.dwwds.ora {
        color: black;
        border-color: #ec671b;
    }
    a.dwwds.ora:hover {
        color: black;
        border-color: #ec671b;
        background:#f8f8f8;
    }
    section#projekty {
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
        padding-bottom: 90px;
    }
    .category-menu a {
        display: block;
        padding: 10px;
        color: gray;
        text-decoration: none;
    }
    .category-menu a.active {
        color: #EC671B;
        width: max-content;
    }
    .category-menu a.active span.pods::after {
        content: ' ';
        display: block;
        border-bottom: 3px dashed #EC671B;
        margin-top: 5px;
    }
    .dots {
        text-align: center;
        margin-top: 20px;
    }
    .dots span {
        display: inline-block;
        width: 31px;
        height: 6px;
        margin: 0 5px;
        background-color: #EC671B;
        /* border-radius: 50%; */
        opacity: 0.5;
        cursor: pointer;
    }
    .dots span.active {
        opacity: 1;
    }
    h3.ssw {
        font-size: 38px;
    }
    
    p.roboto {font-family: "Roboto", sans-serif;font-size: 20px;FONT-WEIGHT: 500;color: #747474;}
    .category-menu a {
        padding-left: 0;
        font-family: "Roboto", sans-serif;
        font-size: 21px;
        FONT-WEIGHT: 600;
        color: #969CA2;
        padding-top: 32px;
    }
    div#projects-container .col-md-6.col-6 {
        padding-bottom: 37px;
    }
    .category-menu {
        padding-top: 40px;
    }
    section#kontakt {
        padding-top: 122px;
        padding-bottom: 87px;
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8ff;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
        padding-bottom: 90px;
    }
    .karta-kontaktu {
        text-align-last: center;
        width: 537px;
        background: white;
    .cary {
        border-top: dashed;
        border-color: #ec671b;};
    .cary {
        border-top: dashed;
        border-color: #ec671b;
        padding-bottom: 13px;
        };
        padding-left: 17%;
        padding-right: 17%;
        padding-top: 32px;
        padding-bottom: 36px;
        border-bottom-right-radius: 40px;
        border-bottom-left-radius: 40px;
        margin-bottom: 100px;
        box-shadow: 45px 48px 212px -45px rgba(220,220,255,1);
        -webkit-box-shadow: 35px 53px 135px -55px rgb(235 235 255);
        -moz-box-shadow: 45px 48px 212px -45px rgba(220,220,255,1);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    }
    h4 {
        color: #EC671B;
        font-family: 'NS1';
        font-size: 32px;
    }
    .row > div:nth-child(1) .karta-kontaktu {
        margin-right: 70px;
    }
    
    .row > div:nth-child(2) .karta-kontaktu {
        margin-left: 70px;
    }
    
    .row > div:nth-child(3) .karta-kontaktu {
        margin-right: 35px;
        margin-left: 35px;
    }
    .cary {border-top: dashed;border-color: #ec671b;}
    span.kkont {
        display: block;
        font-weight: bold;
        font-family: 'Roboto';
        font-size: 17px;
    }
    .cary.rew {
        margin-top: 13px;
    }
    section#footer {
        /* background: #f8f8f8; */
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
        padding-bottom: 90px;
    }
    .pospw {
        font-family: 'NS1';
        padding-top: 12px;
        font-size: 26px;
        color:#1D1D1B;
    }
    span.mmnes {
        display: block;
    }
    .dwqwsda {
        font-family: 'NS1';
        color: #747474;
        font-size: 21px;
        padding-bottom: 21px;
        margin-top: -2px;
    }
    
    span.mmnes {
        font-family: 'Roboto';
        font-size: 17px;
        FONT-WEIGHT: 500;
        color: #4B647E;
    }
    a.dwsa {
        text-decoration: none;
        color: #4B647E;
    }
    .col-12.podpiska {
        font-family: Roboto, SANS-SERIF;
        font-size: 14px;
        color: #969CA2;
        padding-top: 116px;
    }
    
}

@media screen and (min-width: 961px) and (max-width: 1024px) { 
    html {
        background: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
    }
    
    body {
        background: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
    }
    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        /* background: none !important; */
        padding-top: 68px;
        background-color: #f8f8f8;
        background-image: url('img/posuv.png');
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
    }
    img.img-fluid.logo {
        width: 250px;
    }
    a.nav-link {
        font-family: "Lato", sans-serif;
        FONT-WEIGHT: 700;
        font-size: 18px;
        color: #EC671B;
    }
    
    li.nav-item {
        padding-right: 44px;
    }
    
    a.nav-link.active {
        color: #EC671B !important;
    }
    p.dds {
        font-family: "Roboto", sans-serif;
        font-size: 23px;
        color: #534D4D;
        padding-right: 7px;
    }
    section#uvod {
        padding-top: 85px;
        background-color: #f8f8f8;
        background-image: url('img/posuv.png');
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
        padding-bottom: 75px;
    }
    @font-face {
        font-family: 'NS1';
        src: url('ns1.otf') format('opentype');
    }
    h1 {
        font-family: 'NS1', sans-serif;
        font-size: 89px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        padding-bottom: 18px;
    }
    .dwwds {
        display: inline-block;
        padding: 15px 65px;
        /* background-color: #007bff; */
        color: #EC671B;
        text-decoration: none;
        /* border-radius: 5px; */
        font-family: 'NS1';
        font-size: 23px;
        border-style: dashed;
        border-color: #3A6FA6;
    }
    .dwwds:hover {
        background-color: #ffffff;
        color: #ec671b;
    }
    .dwwddw {text-align-last: center;padding-top: 85px;}
    .col-md-6.col-12.ttop {
        margin-top: -77px;
    }
    h2 {
        font-family: 'NS1', sans-serif;
        font-size: 75px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        text-align: -webkit-center;
        padding-bottom: 8px;
    }
    
    section#nasesluzby {
        padding-top: 82px;
    }
    h2 {
        font-family: 'NS1', sans-serif;
        font-size: 75px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        text-align: -webkit-center;
        padding-bottom: 8px;
    }
    
    section#nasesluzby {
        padding-top: 82px;
        padding-bottom: 87px;
    }
    
    p.dsads {
        font-family: "Roboto", sans-serif;
        font-size: 21px;
        color: #534D4D;
        padding-left: 85px;
        padding-right: 85px;
        text-align: -webkit-center;
        padding-bottom: 90px;
    }
    img.tees {
        position: relative;
        left: -215px;
    }
    h3 {
        font-family: 'NS1', sans-serif;
        font-size: 26px;
        color: #534D4D;
        /* text-align: -webkit-center; */
    }
    p.dsswqw {
        padding-right: 82px;
        font-family: "Merriweather", serif;
    }
    p.dsswqw.dss {padding-right: 86px;}
    a.dwwds.ora {
        color: black;
        border-color: #ec671b;
    }
    a.dwwds.ora:hover {
        color: black;
        border-color: #ec671b;
        background:#f8f8f8;
    }
    section#projekty {
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
        padding-bottom: 90px;
    }
    .category-menu a {
        display: block;
        padding: 10px;
        color: gray;
        text-decoration: none;
    }
    .category-menu a.active {
        color: #EC671B;
        width: max-content;
    }
    .category-menu a.active span.pods::after {
        content: ' ';
        display: block;
        border-bottom: 3px dashed #EC671B;
        margin-top: 5px;
    }
    .dots {
        text-align: center;
        margin-top: 20px;
    }
    .dots span {
        display: inline-block;
        width: 31px;
        height: 6px;
        margin: 0 5px;
        background-color: #EC671B;
        /* border-radius: 50%; */
        opacity: 0.5;
        cursor: pointer;
    }
    .dots span.active {
        opacity: 1;
    }
    h3.ssw {
        font-size: 38px;
    }
    
    p.roboto {font-family: "Roboto", sans-serif;font-size: 20px;FONT-WEIGHT: 500;color: #747474;}
    .category-menu a {
        padding-left: 0;
        font-family: "Roboto", sans-serif;
        font-size: 21px;
        FONT-WEIGHT: 600;
        color: #969CA2;
        padding-top: 32px;
    }
    div#projects-container .col-md-6.col-6 {
        padding-bottom: 37px;
    }
    .category-menu {
        padding-top: 40px;
    }
    section#kontakt {
        padding-top: 122px;
        padding-bottom: 87px;
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8ff;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
        padding-bottom: 90px;
    }
    .karta-kontaktu {
        text-align-last: center;
        width: 537px;
        background: white;
    .cary {
        border-top: dashed;
        border-color: #ec671b;};
    .cary {
        border-top: dashed;
        border-color: #ec671b;
        padding-bottom: 13px;
        };
        padding-left: 17%;
        padding-right: 17%;
        padding-top: 32px;
        padding-bottom: 36px;
        border-bottom-right-radius: 40px;
        border-bottom-left-radius: 40px;
        margin-bottom: 100px;
        box-shadow: 45px 48px 212px -45px rgba(220,220,255,1);
        -webkit-box-shadow: 35px 53px 135px -55px rgb(235 235 255);
        -moz-box-shadow: 45px 48px 212px -45px rgba(220,220,255,1);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    }
    h4 {
        color: #EC671B;
        font-family: 'NS1';
        font-size: 32px;
    }
    .row > div:nth-child(1) .karta-kontaktu {
        margin-right: 70px;
    }
    
    .row > div:nth-child(2) .karta-kontaktu {
        margin-left: 70px;
    }
    
    .row > div:nth-child(3) .karta-kontaktu {
        margin-right: 35px;
        margin-left: 35px;
    }
    .cary {border-top: dashed;border-color: #ec671b;}
    span.kkont {
        display: block;
        font-weight: bold;
        font-family: 'Roboto';
        font-size: 17px;
    }
    .cary.rew {
        margin-top: 13px;
    }
    section#footer {
        /* background: #f8f8f8; */
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
        padding-bottom: 90px;
    }
    .pospw {
        font-family: 'NS1';
        padding-top: 12px;
        font-size: 26px;
        color:#1D1D1B;
    }
    span.mmnes {
        display: block;
    }
    .dwqwsda {
        font-family: 'NS1';
        color: #747474;
        font-size: 21px;
        padding-bottom: 21px;
        margin-top: -2px;
    }
    
    span.mmnes {
        font-family: 'Roboto';
        font-size: 17px;
        FONT-WEIGHT: 500;
        color: #4B647E;
    }
    a.dwsa {
        text-decoration: none;
        color: #4B647E;
    }
    .col-12.podpiska {
        font-family: Roboto, SANS-SERIF;
        font-size: 14px;
        color: #969CA2;
        padding-top: 116px;
    }
    
}

@media (min-width: 1025px) and (max-width: 1280px) { 
    html {
        background: url(img/posuv.png);
        background-repeat: no-repeat;
        /* background-size: auto; */
        background-position-x: 129px;
        overflow-x: hidden;
    }
    
    body {
        background: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
    }
    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        /* background: none !important; */
        padding-top: 68px;
        background-color: #f8f8f8;
        background-image: url('img/posuv.png');
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 9px;
    }
    img.img-fluid.logo {
        width: 250px;
    }
    a.nav-link {
        font-family: "Lato", sans-serif;
        FONT-WEIGHT: 700;
        font-size: 18px;
        color: #EC671B;
    }
    
    li.nav-item {
        padding-right: 44px;
    }
    
    a.nav-link.active {
        color: #EC671B !important;
    }
    p.dds {
        font-family: "Roboto", sans-serif;
        font-size: 23px;
        color: #534D4D;
        padding-right: 7px;
    }
    section#uvod {
        padding-top: 85px;
        background-color: #f8f8f8;
        background-image: url('img/posuv.png');
        background-repeat: no-repeat;
        /* background-size: auto; */
        background-position-x: 9px;
        padding-bottom: 75px;
    }
    @font-face {
        font-family: 'NS1';
        src: url('ns1.otf') format('opentype');
    }
    h1 {
        font-family: 'NS1', sans-serif;
        font-size: 89px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        padding-bottom: 18px;
    }
    .dwwds {
        display: inline-block;
        padding: 15px 65px;
        /* background-color: #007bff; */
        color: #EC671B;
        text-decoration: none;
        /* border-radius: 5px; */
        font-family: 'NS1';
        font-size: 23px;
        border-style: dashed;
        border-color: #3A6FA6;
    }
    .dwwds:hover {
        background-color: #ffffff;
        color: #ec671b;
    }
    .dwwddw {text-align-last: center;padding-top: 85px;}
    .col-md-6.col-12.ttop {
        margin-top: -77px;
    }
    h2 {
        font-family: 'NS1', sans-serif;
        font-size: 75px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        text-align: -webkit-center;
        padding-bottom: 8px;
    }
    
    section#nasesluzby {
        padding-top: 82px;
    }
    h2 {
        font-family: 'NS1', sans-serif;
        font-size: 75px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        text-align: -webkit-center;
        padding-bottom: 8px;
    }
    
    section#nasesluzby {
        padding-top: 82px;
        padding-bottom: 87px;
        background-position-x: 9px !important;
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        /* background-size: auto; */
        background-position-x: 9px;
    }
    
    p.dsads {
        font-family: "Roboto", sans-serif;
        font-size: 21px;
        color: #534D4D;
        padding-left: 85px;
        padding-right: 85px;
        text-align: -webkit-center;
        padding-bottom: 90px;
    }
    img.tees {
        position: relative;
        left: -262px;
        top: 46px;
    }
    h3 {
        font-family: 'NS1', sans-serif;
        font-size: 26px;
        color: #534D4D;
        /* text-align: -webkit-center; */
    }
    p.dsswqw {
        padding-right: 82px;
        font-family: "Merriweather", serif;
    }
    p.dsswqw.dss {padding-right: 86px;}
    a.dwwds.ora {
        color: black;
        border-color: #ec671b;
    }
    a.dwwds.ora:hover {
        color: black;
        border-color: #ec671b;
        background:#f8f8f8;
    }
    section#projekty {
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 9px;
        padding-bottom: 90px;
    }
    .category-menu a {
        display: block;
        padding: 10px;
        color: gray;
        text-decoration: none;
    }
    .category-menu a.active {
        color: #EC671B;
        width: max-content;
    }
    .category-menu a.active span.pods::after {
        content: ' ';
        display: block;
        border-bottom: 3px dashed #EC671B;
        margin-top: 5px;
    }
    .dots {
        text-align: center;
        margin-top: 20px;
    }
    .dots span {
        display: inline-block;
        width: 31px;
        height: 6px;
        margin: 0 5px;
        background-color: #EC671B;
        /* border-radius: 50%; */
        opacity: 0.5;
        cursor: pointer;
    }
    .dots span.active {
        opacity: 1;
    }
    h3.ssw {
        font-size: 38px;
    }
    
    p.roboto {font-family: "Roboto", sans-serif;font-size: 20px;FONT-WEIGHT: 500;color: #747474;}
    .category-menu a {
        padding-left: 0;
        font-family: "Roboto", sans-serif;
        font-size: 21px;
        FONT-WEIGHT: 600;
        color: #969CA2;
        padding-top: 32px;
    }
    div#projects-container .col-md-6.col-6 {
        padding-bottom: 37px;
    }
    .category-menu {
        padding-top: 40px;
    }
    section#kontakt {
        padding-top: 122px;
        padding-bottom: 87px;
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8ff;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 9px;
        padding-bottom: 90px;
    }
    .karta-kontaktu {
        text-align-last: center;
        width: 537px;
        background: white;
    .cary {
        border-top: dashed;
        border-color: #ec671b;};
    .cary {
        border-top: dashed;
        border-color: #ec671b;
        padding-bottom: 13px;
        };
        padding-left: 17%;
        padding-right: 17%;
        padding-top: 32px;
        padding-bottom: 36px;
        border-bottom-right-radius: 40px;
        border-bottom-left-radius: 40px;
        margin-bottom: 100px;
        box-shadow: 45px 48px 212px -45px rgba(220,220,255,1);
        -webkit-box-shadow: 35px 53px 135px -55px rgb(235 235 255);
        -moz-box-shadow: 45px 48px 212px -45px rgba(220,220,255,1);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    }
    h4 {
        color: #EC671B;
        font-family: 'NS1';
        font-size: 32px;
    }
    .row > div:nth-child(1) .karta-kontaktu {
        margin-right: 70px;
    }
    
    .row > div:nth-child(2) .karta-kontaktu {
        margin-left: 70px;
    }
    
    .row > div:nth-child(3) .karta-kontaktu {
        margin-right: 35px;
        margin-left: 35px;
    }
    .cary {border-top: dashed;border-color: #ec671b;}
    span.kkont {
        display: block;
        font-weight: bold;
        font-family: 'Roboto';
        font-size: 17px;
    }
    .cary.rew {
        margin-top: 13px;
    }
    section#footer {
        /* background: #f8f8f8; */
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 9px;
        padding-bottom: 90px;
    }
    .pospw {
        font-family: 'NS1';
        padding-top: 12px;
        font-size: 26px;
        color:#1D1D1B;
    }
    span.mmnes {
        display: block;
    }
    .dwqwsda {
        font-family: 'NS1';
        color: #747474;
        font-size: 21px;
        padding-bottom: 21px;
        margin-top: -2px;
    }
    
    span.mmnes {
        font-family: 'Roboto';
        font-size: 17px;
        FONT-WEIGHT: 500;
        color: #4B647E;
    }
    a.dwsa {
        text-decoration: none;
        color: #4B647E;
    }
    .col-12.podpiska {
        font-family: Roboto, SANS-SERIF;
        font-size: 14px;
        color: #969CA2;
        padding-top: 116px;
    }
    
}

@media (min-width: 1281px) and (max-width: 1366px) { 
    html {
        background: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
    }
    
    body {
        background: url(img/posuv.png);
        background-repeat: no-repeat;
        /* background-size: auto; */
        background-position-x: 129px;
        overflow-x: hidden;
        background-position-x: 38px;
    }
    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        /* background: none !important; */
        padding-top: 68px;
        background-color: #f8f8f8;
        background-image: url('img/posuv.png');
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 38px;
    }
    img.img-fluid.logo {
        width: 250px;
    }
    a.nav-link {
        font-family: "Lato", sans-serif;
        FONT-WEIGHT: 700;
        font-size: 18px;
        color: #EC671B;
    }
    
    li.nav-item {
        padding-right: 44px;
    }
    
    a.nav-link.active {
        color: #EC671B !important;
    }
    p.dds {
        font-family: "Roboto", sans-serif;
        font-size: 23px;
        color: #534D4D;
        padding-right: 7px;
    }
    section#uvod {
        padding-top: 85px;
        background-color: #f8f8f8;
        background-image: url('img/posuv.png');
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 38px;
        padding-bottom: 75px;
    }
    @font-face {
        font-family: 'NS1';
        src: url('ns1.otf') format('opentype');
    }
    h1 {
        font-family: 'NS1', sans-serif;
        font-size: 89px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        padding-bottom: 18px;
    }
    .dwwds {
        display: inline-block;
        padding: 15px 65px;
        /* background-color: #007bff; */
        color: #EC671B;
        text-decoration: none;
        /* border-radius: 5px; */
        font-family: 'NS1';
        font-size: 23px;
        border-style: dashed;
        border-color: #3A6FA6;
    }
    .dwwds:hover {
        background-color: #ffffff;
        color: #ec671b;
    }
    .dwwddw {text-align-last: center;padding-top: 85px;}
    .col-md-6.col-12.ttop {
        margin-top: -77px;
    }
    h2 {
        font-family: 'NS1', sans-serif;
        font-size: 75px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        text-align: -webkit-center;
        padding-bottom: 8px;
    }
    
    section#nasesluzby {
        padding-top: 82px;
    }
    h2 {
        font-family: 'NS1', sans-serif;
        font-size: 75px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        text-align: -webkit-center;
        padding-bottom: 8px;
    }
    
    section#nasesluzby {
        padding-top: 82px;
        padding-bottom: 87px;
        background-color: white;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 38px;
    }
    
    p.dsads {
        font-family: "Roboto", sans-serif;
        font-size: 21px;
        color: #534D4D;
        padding-left: 85px;
        padding-right: 85px;
        text-align: -webkit-center;
        padding-bottom: 90px;
    }
    img.tees {
        position: relative;
        left: -263px;
        top: 45px;
    }
    h3 {
        font-family: 'NS1', sans-serif;
        font-size: 26px;
        color: #534D4D;
        /* text-align: -webkit-center; */
    }
    p.dsswqw {
        padding-right: 82px;
        font-family: "Merriweather", serif;
    }
    p.dsswqw.dss {padding-right: 86px;}
    a.dwwds.ora {
        color: black;
        border-color: #ec671b;
    }
    a.dwwds.ora:hover {
        color: black;
        border-color: #ec671b;
        background:#f8f8f8;
    }
    section#projekty {
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 38px;
        padding-bottom: 90px;
    }
    .category-menu a {
        display: block;
        padding: 10px;
        color: gray;
        text-decoration: none;
    }
    .category-menu a.active {
        color: #EC671B;
        width: max-content;
    }
    .category-menu a.active span.pods::after {
        content: ' ';
        display: block;
        border-bottom: 3px dashed #EC671B;
        margin-top: 5px;
    }
    .dots {
        text-align: center;
        margin-top: 20px;
    }
    .dots span {
        display: inline-block;
        width: 31px;
        height: 6px;
        margin: 0 5px;
        background-color: #EC671B;
        /* border-radius: 50%; */
        opacity: 0.5;
        cursor: pointer;
    }
    .dots span.active {
        opacity: 1;
    }
    h3.ssw {
        font-size: 38px;
    }
    
    p.roboto {font-family: "Roboto", sans-serif;font-size: 20px;FONT-WEIGHT: 500;color: #747474;}
    .category-menu a {
        padding-left: 0;
        font-family: "Roboto", sans-serif;
        font-size: 21px;
        FONT-WEIGHT: 600;
        color: #969CA2;
        padding-top: 32px;
    }
    div#projects-container .col-md-6.col-6 {
        padding-bottom: 37px;
    }
    .category-menu {
        padding-top: 40px;
    }
    section#kontakt {
        padding-top: 122px;
        padding-bottom: 87px;
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8ff;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 38px;
        padding-bottom: 90px;
    }
    .karta-kontaktu {
        text-align-last: center;
        width: 537px;
        background: white;
    .cary {
        border-top: dashed;
        border-color: #ec671b;};
    .cary {
        border-top: dashed;
        border-color: #ec671b;
        padding-bottom: 13px;
        };
        padding-left: 17%;
        padding-right: 17%;
        padding-top: 32px;
        padding-bottom: 36px;
        border-bottom-right-radius: 40px;
        border-bottom-left-radius: 40px;
        margin-bottom: 100px;
        box-shadow: 45px 48px 212px -45px rgba(220,220,255,1);
        -webkit-box-shadow: 35px 53px 135px -55px rgb(235 235 255);
        -moz-box-shadow: 45px 48px 212px -45px rgba(220,220,255,1);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    }
    h4 {
        color: #EC671B;
        font-family: 'NS1';
        font-size: 32px;
    }
    .row > div:nth-child(1) .karta-kontaktu {
        margin-right: 70px;
    }
    
    .row > div:nth-child(2) .karta-kontaktu {
        margin-left: 70px;
    }
    
    .row > div:nth-child(3) .karta-kontaktu {
        margin-right: 35px;
        margin-left: 35px;
    }
    .cary {border-top: dashed;border-color: #ec671b;}
    span.kkont {
        display: block;
        font-weight: bold;
        font-family: 'Roboto';
        font-size: 17px;
    }
    .cary.rew {
        margin-top: 13px;
    }
    section#footer {
        /* background: #f8f8f8; */
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 38px;
        padding-bottom: 90px;
    }
    .pospw {
        font-family: 'NS1';
        padding-top: 12px;
        font-size: 26px;
        color:#1D1D1B;
    }
    span.mmnes {
        display: block;
    }
    .dwqwsda {
        font-family: 'NS1';
        color: #747474;
        font-size: 21px;
        padding-bottom: 21px;
        margin-top: -2px;
    }
    
    span.mmnes {
        font-family: 'Roboto';
        font-size: 17px;
        FONT-WEIGHT: 500;
        color: #4B647E;
    }
    a.dwsa {
        text-decoration: none;
        color: #4B647E;
    }
    .col-12.podpiska {
        font-family: Roboto, SANS-SERIF;
        font-size: 14px;
        color: #969CA2;
        padding-top: 116px;
    }
    
}

@media (min-width: 1367px) and (max-width: 1440px) { 
    html {
        background: url(img/posuv.png);
        background-repeat: no-repeat;
        /* background-size: auto; */
        background-position-x: 4px;
    }
    
    body {
        background: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
    }
    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        /* background: none !important; */
        padding-top: 68px;
        background-color: #f8f8f8;
        background-image: url('img/posuv.png');
        background-repeat: no-repeat;
        /* background-size: auto; */
        background-position-x: 4px;
    }
    img.img-fluid.logo {
        width: 250px;
    }
    a.nav-link {
        font-family: "Lato", sans-serif;
        FONT-WEIGHT: 700;
        font-size: 18px;
        color: #EC671B;
    }
    
    li.nav-item {
        padding-right: 44px;
    }
    
    a.nav-link.active {
        color: #EC671B !important;
    }
    p.dds {
        font-family: "Roboto", sans-serif;
        font-size: 23px;
        color: #534D4D;
        padding-right: 7px;
    }
    section#uvod {
        padding-top: 85px;
        background-color: #f8f8f8;
        background-image: url('img/posuv.png');
        background-repeat: no-repeat;
        background-size: auto;
        /* background-position-x: 129px; */
        padding-bottom: 75px;
        background-position-x: 4px;
    }
    @font-face {
        font-family: 'NS1';
        src: url('ns1.otf') format('opentype');
    }
    h1 {
        font-family: 'NS1', sans-serif;
        font-size: 89px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        padding-bottom: 18px;
    }
    .dwwds {
        display: inline-block;
        padding: 15px 65px;
        /* background-color: #007bff; */
        color: #EC671B;
        text-decoration: none;
        /* border-radius: 5px; */
        font-family: 'NS1';
        font-size: 23px;
        border-style: dashed;
        border-color: #3A6FA6;
    }
    .dwwds:hover {
        background-color: #ffffff;
        color: #ec671b;
    }
    .dwwddw {text-align-last: center;padding-top: 85px;}
    .col-md-6.col-12.ttop {
        margin-top: -77px;
    }
    h2 {
        font-family: 'NS1', sans-serif;
        font-size: 75px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        text-align: -webkit-center;
        padding-bottom: 8px;
    }
    
    section#nasesluzby {
        padding-top: 82px;
    }
    h2 {
        font-family: 'NS1', sans-serif;
        font-size: 75px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        text-align: -webkit-center;
        padding-bottom: 8px;
    }
    
    section#nasesluzby {
        padding-top: 82px;
        padding-bottom: 87px;
        padding-top: 82px;
        padding-bottom: 87px;
        background-color: white;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 4px;
    }
    
    p.dsads {
        font-family: "Roboto", sans-serif;
        font-size: 21px;
        color: #534D4D;
        padding-left: 85px;
        padding-right: 85px;
        text-align: -webkit-center;
        padding-bottom: 90px;
    }
    img.tees {
        position: relative;
        left: -215px;
    }
    h3 {
        font-family: 'NS1', sans-serif;
        font-size: 26px;
        color: #534D4D;
        /* text-align: -webkit-center; */
    }
    p.dsswqw {
        padding-right: 82px;
        font-family: "Merriweather", serif;
    }
    p.dsswqw.dss {padding-right: 86px;}
    a.dwwds.ora {
        color: black;
        border-color: #ec671b;
    }
    a.dwwds.ora:hover {
        color: black;
        border-color: #ec671b;
        background:#f8f8f8;
    }
    section#projekty {
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 4px;
        padding-bottom: 90px;
    }
    .category-menu a {
        display: block;
        padding: 10px;
        color: gray;
        text-decoration: none;
    }
    .category-menu a.active {
        color: #EC671B;
        width: max-content;
    }
    .category-menu a.active span.pods::after {
        content: ' ';
        display: block;
        border-bottom: 3px dashed #EC671B;
        margin-top: 5px;
    }
    .dots {
        text-align: center;
        margin-top: 20px;
    }
    .dots span {
        display: inline-block;
        width: 31px;
        height: 6px;
        margin: 0 5px;
        background-color: #EC671B;
        /* border-radius: 50%; */
        opacity: 0.5;
        cursor: pointer;
    }
    .dots span.active {
        opacity: 1;
    }
    h3.ssw {
        font-size: 38px;
    }
    
    p.roboto {font-family: "Roboto", sans-serif;font-size: 20px;FONT-WEIGHT: 500;color: #747474;}
    .category-menu a {
        padding-left: 0;
        font-family: "Roboto", sans-serif;
        font-size: 21px;
        FONT-WEIGHT: 600;
        color: #969CA2;
        padding-top: 32px;
    }
    div#projects-container .col-md-6.col-6 {
        padding-bottom: 37px;
    }
    .category-menu {
        padding-top: 40px;
    }
    section#kontakt {
        padding-top: 122px;
        padding-bottom: 87px;
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8ff;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        /* background-size: auto; */
        background-position-x: 4px;
        padding-bottom: 90px;
    }
    .karta-kontaktu {
        text-align-last: center;
        width: 537px;
        background: white;
    .cary {
        border-top: dashed;
        border-color: #ec671b;};
    .cary {
        border-top: dashed;
        border-color: #ec671b;
        padding-bottom: 13px;
        };
        padding-left: 17%;
        padding-right: 17%;
        padding-top: 32px;
        padding-bottom: 36px;
        border-bottom-right-radius: 40px;
        border-bottom-left-radius: 40px;
        margin-bottom: 100px;
        box-shadow: 45px 48px 212px -45px rgba(220,220,255,1);
        -webkit-box-shadow: 35px 53px 135px -55px rgb(235 235 255);
        -moz-box-shadow: 45px 48px 212px -45px rgba(220,220,255,1);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    }
    h4 {
        color: #EC671B;
        font-family: 'NS1';
        font-size: 32px;
    }
    .row > div:nth-child(1) .karta-kontaktu {
        margin-right: 70px;
    }
    
    .row > div:nth-child(2) .karta-kontaktu {
        margin-left: 70px;
    }
    
    .row > div:nth-child(3) .karta-kontaktu {
        margin-right: 35px;
        margin-left: 35px;
    }
    .cary {border-top: dashed;border-color: #ec671b;}
    span.kkont {
        display: block;
        font-weight: bold;
        font-family: 'Roboto';
        font-size: 17px;
    }
    .cary.rew {
        margin-top: 13px;
    }
    section#footer {
        /* background: #f8f8f8; */
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 4px;
        padding-bottom: 90px;
    }
    .pospw {
        font-family: 'NS1';
        padding-top: 12px;
        font-size: 26px;
        color:#1D1D1B;
    }
    span.mmnes {
        display: block;
    }
    .dwqwsda {
        font-family: 'NS1';
        color: #747474;
        font-size: 21px;
        padding-bottom: 21px;
        margin-top: -2px;
    }
    
    span.mmnes {
        font-family: 'Roboto';
        font-size: 17px;
        FONT-WEIGHT: 500;
        color: #4B647E;
    }
    a.dwsa {
        text-decoration: none;
        color: #4B647E;
    }
    .col-12.podpiska {
        font-family: Roboto, SANS-SERIF;
        font-size: 14px;
        color: #969CA2;
        padding-top: 116px;
    }
    
}

@media (min-width: 1441px) and (max-width: 1550px) { 
    html {
        background: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 46px;
        overflow-x: hidden;
    }
    
    body {
        background: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        /* background-position-x: 129px; */
        background-position-x: 18px;
    }
    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        /* background: none !important; */
        padding-top: 68px;
        background-color: #f8f8f8;
        background-image: url('img/posuv.png');
        background-repeat: no-repeat;
        /* background-size: auto; */
        background-position-x: 129px;
        background-position-x: 18px;
    }
    img.img-fluid.logo {
        width: 250px;
    }
    a.nav-link {
        font-family: "Lato", sans-serif;
        FONT-WEIGHT: 700;
        font-size: 18px;
        color: #EC671B;
    }
    
    li.nav-item {
        padding-right: 44px;
    }
    
    a.nav-link.active {
        color: #EC671B !important;
    }
    p.dds {
        font-family: "Roboto", sans-serif;
        font-size: 23px;
        color: #534D4D;
        padding-right: 7px;
    }
    section#uvod {
        padding-top: 85px;
        background-color: #f8f8f8;
        background-image: url('img/posuv.png');
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 18px;
        padding-bottom: 75px;
    }
    @font-face {
        font-family: 'NS1';
        src: url('ns1.otf') format('opentype');
    }
    h1 {
        font-family: 'NS1', sans-serif;
        font-size: 89px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        padding-bottom: 18px;
    }
    .dwwds {
        display: inline-block;
        padding: 15px 65px;
        /* background-color: #007bff; */
        color: #EC671B;
        text-decoration: none;
        /* border-radius: 5px; */
        font-family: 'NS1';
        font-size: 23px;
        border-style: dashed;
        border-color: #3A6FA6;
    }
    .dwwds:hover {
        background-color: #ffffff;
        color: #ec671b;
    }
    .dwwddw {text-align-last: center;padding-top: 85px;}
    .col-md-6.col-12.ttop {
        margin-top: -77px;
    }
    h2 {
        font-family: 'NS1', sans-serif;
        font-size: 75px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        text-align: -webkit-center;
        padding-bottom: 8px;
    }
    
    section#nasesluzby {
        padding-top: 82px;
    }
    h2 {
        font-family: 'NS1', sans-serif;
        font-size: 75px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        text-align: -webkit-center;
        padding-bottom: 8px;
    }
    
    section#nasesluzby {
        padding-top: 82px;
        padding-bottom: 87px;
        background-color: white;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-position-x: 18px;
    }
    
    p.dsads {
        font-family: "Roboto", sans-serif;
        font-size: 21px;
        color: #534D4D;
        padding-left: 85px;
        padding-right: 85px;
        text-align: -webkit-center;
        padding-bottom: 90px;
    }
    img.tees {
        position: relative;
        left: -215px;
    }
    h3 {
        font-family: 'NS1', sans-serif;
        font-size: 26px;
        color: #534D4D;
        /* text-align: -webkit-center; */
    }
    p.dsswqw {
        padding-right: 82px;
        font-family: "Merriweather", serif;
    }
    p.dsswqw.dss {padding-right: 86px;}
    a.dwwds.ora {
        color: black;
        border-color: #ec671b;
    }
    a.dwwds.ora:hover {
        color: black;
        border-color: #ec671b;
        background:#f8f8f8;
    }
    section#projekty {
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        /* background-size: auto; */
        /* background-position-x: 129px; */
        padding-bottom: 18px;
        background-position-x: 18px;
    }
    .category-menu a {
        display: block;
        padding: 10px;
        color: gray;
        text-decoration: none;
    }
    .category-menu a.active {
        color: #EC671B;
        width: max-content;
    }
    .category-menu a.active span.pods::after {
        content: ' ';
        display: block;
        border-bottom: 3px dashed #EC671B;
        margin-top: 5px;
    }
    .dots {
        text-align: center;
        margin-top: 20px;
    }
    .dots span {
        display: inline-block;
        width: 31px;
        height: 6px;
        margin: 0 5px;
        background-color: #EC671B;
        /* border-radius: 50%; */
        opacity: 0.5;
        cursor: pointer;
    }
    .dots span.active {
        opacity: 1;
    }
    h3.ssw {
        font-size: 38px;
    }
    
    p.roboto {font-family: "Roboto", sans-serif;font-size: 20px;FONT-WEIGHT: 500;color: #747474;}
    .category-menu a {
        padding-left: 0;
        font-family: "Roboto", sans-serif;
        font-size: 21px;
        FONT-WEIGHT: 600;
        color: #969CA2;
        padding-top: 32px;
    }
    div#projects-container .col-md-6.col-6 {
        padding-bottom: 37px;
    }
    .category-menu {
        padding-top: 40px;
    }
    section#kontakt {
        padding-top: 122px;
        padding-bottom: 87px;
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8ff;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        /* background-position-x: 129px; */
        padding-bottom: 90px;
        background-position-x: 18px;
    }
    .karta-kontaktu {
        text-align-last: center;
        width: 537px;
        background: white;
    .cary {
        border-top: dashed;
        border-color: #ec671b;};
    .cary {
        border-top: dashed;
        border-color: #ec671b;
        padding-bottom: 13px;
        };
        padding-left: 17%;
        padding-right: 17%;
        padding-top: 32px;
        padding-bottom: 36px;
        border-bottom-right-radius: 40px;
        border-bottom-left-radius: 40px;
        margin-bottom: 100px;
        box-shadow: 45px 48px 212px -45px rgba(220,220,255,1);
        -webkit-box-shadow: 35px 53px 135px -55px rgb(235 235 255);
        -moz-box-shadow: 45px 48px 212px -45px rgba(220,220,255,1);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    }
    h4 {
        color: #EC671B;
        font-family: 'NS1';
        font-size: 32px;
    }
    .row > div:nth-child(1) .karta-kontaktu {
        margin-right: 70px;
    }
    
    .row > div:nth-child(2) .karta-kontaktu {
        margin-left: 70px;
    }
    
    .row > div:nth-child(3) .karta-kontaktu {
        margin-right: 35px;
        margin-left: 35px;
    }
    .cary {border-top: dashed;border-color: #ec671b;}
    span.kkont {
        display: block;
        font-weight: bold;
        font-family: 'Roboto';
        font-size: 17px;
    }
    .cary.rew {
        margin-top: 13px;
    }
    section#footer {
        /* background: #f8f8f8; */
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        /* background-size: auto; */
        /* background-position-x: 129px; */
        padding-bottom: 90px;
        background-position-x: 18px;
    }
    .pospw {
        font-family: 'NS1';
        padding-top: 12px;
        font-size: 26px;
        color:#1D1D1B;
    }
    span.mmnes {
        display: block;
    }
    .dwqwsda {
        font-family: 'NS1';
        color: #747474;
        font-size: 21px;
        padding-bottom: 21px;
        margin-top: -2px;
    }
    
    span.mmnes {
        font-family: 'Roboto';
        font-size: 17px;
        FONT-WEIGHT: 500;
        color: #4B647E;
    }
    a.dwsa {
        text-decoration: none;
        color: #4B647E;
    }
    .col-12.podpiska {
        font-family: Roboto, SANS-SERIF;
        font-size: 14px;
        color: #969CA2;
        padding-top: 116px;
    }
    
 }

@media (min-width: 1551px) { 
    html {
        background: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
    }
    
    body {
        background: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
    }
    nav.navbar.navbar-expand-lg.navbar-light.bg-light {
        /* background: none !important; */
        padding-top: 68px;
        background-color: #f8f8f8;
        background-image: url('img/posuv.png');
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
    }
    img.img-fluid.logo {
        width: 250px;
    }
    a.nav-link {
        font-family: "Lato", sans-serif;
        FONT-WEIGHT: 700;
        font-size: 18px;
        color: #EC671B;
    }
    
    li.nav-item {
        padding-right: 44px;
    }
    
    a.nav-link.active {
        color: #EC671B !important;
    }
    p.dds {
        font-family: "Roboto", sans-serif;
        font-size: 23px;
        color: #534D4D;
        padding-right: 7px;
    }
    section#uvod {
        padding-top: 85px;
        background-color: #f8f8f8;
        background-image: url('img/posuv.png');
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
        padding-bottom: 75px;
    }
    @font-face {
        font-family: 'NS1';
        src: url('ns1.otf') format('opentype');
    }
    h1 {
        font-family: 'NS1', sans-serif;
        font-size: 89px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        padding-bottom: 18px;
    }
    .dwwds {
        display: inline-block;
        padding: 15px 65px;
        /* background-color: #007bff; */
        color: #EC671B;
        text-decoration: none;
        /* border-radius: 5px; */
        font-family: 'NS1';
        font-size: 23px;
        border-style: dashed;
        border-color: #3A6FA6;
    }
    .dwwds:hover {
        background-color: #ffffff;
        color: #ec671b;
    }
    .dwwddw {text-align-last: center;padding-top: 85px;}
    .col-md-6.col-12.ttop {
        margin-top: -77px;
    }
    h2 {
        font-family: 'NS1', sans-serif;
        font-size: 75px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        text-align: -webkit-center;
        padding-bottom: 8px;
    }
    
    section#nasesluzby {
        padding-top: 82px;
    }
    h2 {
        font-family: 'NS1', sans-serif;
        font-size: 75px;
        FONT-WEIGHT: 750;
        color: #534D4D;
        text-align: -webkit-center;
        padding-bottom: 8px;
    }
    
    section#nasesluzby {
        padding-top: 82px;
        padding-bottom: 87px;
    }
    
    p.dsads {
        font-family: "Roboto", sans-serif;
        font-size: 21px;
        color: #534D4D;
        padding-left: 85px;
        padding-right: 85px;
        text-align: -webkit-center;
        padding-bottom: 90px;
    }
    img.tees {
        position: relative;
        left: -215px;
    }
    h3 {
        font-family: 'NS1', sans-serif;
        font-size: 26px;
        color: #534D4D;
        /* text-align: -webkit-center; */
    }
    p.dsswqw {
        padding-right: 82px;
        font-family: "Merriweather", serif;
    }
    p.dsswqw.dss {padding-right: 86px;}
    a.dwwds.ora {
        color: black;
        border-color: #ec671b;
    }
    a.dwwds.ora:hover {
        color: black;
        border-color: #ec671b;
        background:#f8f8f8;
    }
    section#projekty {
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
        padding-bottom: 90px;
    }
    .category-menu a {
        display: block;
        padding: 10px;
        color: gray;
        text-decoration: none;
    }
    .category-menu a.active {
        color: #EC671B;
        width: max-content;
    }
    .category-menu a.active span.pods::after {
        content: ' ';
        display: block;
        border-bottom: 3px dashed #EC671B;
        margin-top: 5px;
    }
    .dots {
        text-align: center;
        margin-top: 20px;
    }
    .dots span {
        display: inline-block;
        width: 31px;
        height: 6px;
        margin: 0 5px;
        background-color: #EC671B;
        /* border-radius: 50%; */
        opacity: 0.5;
        cursor: pointer;
    }
    .dots span.active {
        opacity: 1;
    }
    h3.ssw {
        font-size: 38px;
    }
    
    p.roboto {font-family: "Roboto", sans-serif;font-size: 20px;FONT-WEIGHT: 500;color: #747474;}
    .category-menu a {
        padding-left: 0;
        font-family: "Roboto", sans-serif;
        font-size: 21px;
        FONT-WEIGHT: 600;
        color: #969CA2;
        padding-top: 32px;
    }
    div#projects-container .col-md-6.col-6 {
        padding-bottom: 37px;
    }
    .category-menu {
        padding-top: 40px;
    }
    section#kontakt {
        padding-top: 122px;
        padding-bottom: 87px;
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8ff;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
        padding-bottom: 90px;
    }
    .karta-kontaktu {
        text-align-last: center;
        width: 537px;
        background: white;
    .cary {
        border-top: dashed;
        border-color: #ec671b;};
    .cary {
        border-top: dashed;
        border-color: #ec671b;
        padding-bottom: 13px;
        };
        padding-left: 17%;
        padding-right: 17%;
        padding-top: 32px;
        padding-bottom: 36px;
        border-bottom-right-radius: 40px;
        border-bottom-left-radius: 40px;
        margin-bottom: 100px;
        box-shadow: 45px 48px 212px -45px rgba(220,220,255,1);
        -webkit-box-shadow: 35px 53px 135px -55px rgb(235 235 255);
        -moz-box-shadow: 45px 48px 212px -45px rgba(220,220,255,1);
        background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    }
    h4 {
        color: #EC671B;
        font-family: 'NS1';
        font-size: 32px;
    }
    .row > div:nth-child(1) .karta-kontaktu {
        margin-right: 70px;
    }
    
    .row > div:nth-child(2) .karta-kontaktu {
        margin-left: 70px;
    }
    
    .row > div:nth-child(3) .karta-kontaktu {
        margin-right: 35px;
        margin-left: 35px;
    }
    .cary {border-top: dashed;border-color: #ec671b;}
    span.kkont {
        display: block;
        font-weight: bold;
        font-family: 'Roboto';
        font-size: 17px;
    }
    .cary.rew {
        margin-top: 13px;
    }
    section#footer {
        /* background: #f8f8f8; */
        background: #f8f8f8;
        padding-top: 105px;
        padding-bottom: 87px;
        background-color: #f8f8f8;
        background-image: url(img/posuv.png);
        background-repeat: no-repeat;
        background-size: auto;
        background-position-x: 129px;
        padding-bottom: 90px;
    }
    .pospw {
        font-family: 'NS1';
        padding-top: 12px;
        font-size: 26px;
        color:#1D1D1B;
    }
    span.mmnes {
        display: block;
    }
    .dwqwsda {
        font-family: 'NS1';
        color: #747474;
        font-size: 21px;
        padding-bottom: 21px;
        margin-top: -2px;
    }
    
    span.mmnes {
        font-family: 'Roboto';
        font-size: 17px;
        FONT-WEIGHT: 500;
        color: #4B647E;
    }
    a.dwsa {
        text-decoration: none;
        color: #4B647E;
    }
    .col-12.podpiska {
        font-family: Roboto, SANS-SERIF;
        font-size: 14px;
        color: #969CA2;
        padding-top: 116px;
    }
    
 }