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

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

}
@media screen and (max-width: 992px) {
}
@media screen and (max-width: 768px) {
    body.kontakty .table td {width: 50%;}
    .mod-header .display-1 {font-size: 4rem; }
    .mod-contact .header {max-width: 100%;}

    article .header {padding: 3rem 1rem 3rem 6rem;}
    article .pt { padding-top: 20px; }
}
@media screen and (max-width: 575px) {
    .mod-header .display-1 { text-align: center; margin: 1rem 0; }
    .footer_items #logo { margin-bottom: -3rem; }
    .mod-contact .table {margin-bottom: 0.5rem;}

    body.dokumenty .table {margin-top: 1rem;}
}
.mod-avtomatiz .img {z-index: -1;}
.btn-lightblue {cursor: pointer;}