.container { margin: 0 auto; }
.section { padding: 40px 20px 20px; }
.section img { max-width: 100%; width:100%; height: auto; }

.section-light { background-color: #f0f0f0; }
.section-dark { background-color: #d5e1df; }

.section h2 { margin:0; }
.section .col-left h2 { margin:0; }

.section-header { padding:0; }
.section-header .title { margin:0; font-size: 2.8rem; }
.section-header .subtitle { color: rgb(66,71,70); font-size: 1.4rem; }
.section-header .col-right { padding:40px 20px 20px 20px; }

.section-contact { padding:0; }
.section-contact .col-right { padding: 40px 20px 20px; }
.section-contact .col-left p { margin-bottom: 0;}
.section-contact .col-left img { }

footer { padding:10px 0; background:#414141; text-align:center; color:#fff; overflow: hidden; }
footer p { margin:0; }

/* Media query pro menší šířky */
@media (min-width: 700px) {
    .row {
        display: flex;
        flex-wrap: wrap;
    }

    .col { width: 50%; }

    .col-left { text-align: right; display: flex; justify-content: flex-end; }
    .col-right { text-align: left; }
    .col-right .col-inner { padding-left:10%;}

    .section { padding-top: 50px; padding-bottom: 30px; }
    .section .col-left img { float:right;  display:inline; }
    .section .col-left h2 { margin:0; }
    .section-header { padding:0;}
    .section-header .col { max-height: 674px; }
    .section-header .col-right { padding:50px 0; }
    .section-header .col-left img { float:none; display:block; height: 100%; width: 100%; object-fit: cover; }
    .section-header .col-inner { padding-right: 10px; }
    .section-header .title { font-size: 2.6rem; }

    .section-contact { padding-left:20px; padding-right:20px; }
    .section-contact .col-right { padding: 0; -webkit-box-ordinal-group: 1; -ms-flex-order: 2; order: 2; }
    .section-contact .col-left { -webkit-box-ordinal-group: 0; -ms-flex-order: 1; order: 1; }
    .section-contact .col-left p { margin:0; }

    footer { font-size: 0.8rem;}
}

@media (min-width: 1000px) {
    .col-inner { width:450px; }
    .section-header .title { font-size: 3.6rem; }
    
}

@media (min-width: 1300px) {
    .col-inner { width:550px; }
    .section-header .col-right { padding-top: 80px; }
}

.fa-icon { display:inline; color: rgb(114,130,127); }
.address-row-icon { position:relative; padding-left:30px; margin-bottom: 5px;}
.address-row-icon .fa-icon { position:absolute; left:5px; top:5px; }
 
@media (min-width: 700px) {
    .fa-icon { font-size:0.875em; }
    .address-row-icon { padding-left:35px; margin-bottom: 5px;}
    .address-row-icon .fa-icon { left:5px; top:8px; }
}