#header {
    width:100%;
    height:59px;
    position: absolute;
    top:0px;
    left:0px;
    z-index:10;
    background-color:#46426e;
    
    -webkit-box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.5);
}

.wrapper {
    width:95%;
    max-width:1512px;
    margin: 0px auto;
}

h1 {
    margin-top:13px;
}

h1 img {
    max-width: 100%;
}

#map {
    margin-top:45px;
    width:100%;
    height: 85%;
}

.mapWindow.vertical {
    width:400px;
    height:300px;
}

.mapWindow.horizontal {
    width:300px;
    height:380px;
}

.mapWindow h2 {
    font-weight:bold;
    font-size:18px;
}

.mapWindow img.horizontal {
    margin:0px 0px 15px 0px;
    max-width:300px;
}

.mapWindow img.vertical {
    float:left;
    margin:0px 15px 15px 0px;
    max-height:100%;
}

#textContent {
    width:100%;
    background: white;
    padding:100px 0px;
    -webkit-box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.5);
    -moz-box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.5);
    box-shadow: 0px 10px 8px 0px rgba(0,0,0,0.5);
    
}

#textContent.empty {
    height:0px;
    padding:0;
}

.staticPage {
    margin:0px 30px;
    
    -moz-column-count: 3;
    -webkit-column-count:3;
    column-count:3;
    -moz-column-gap: 20px;
    -webkit-column-gap:20px;
    column-gap:20px;
}

.staticPage p, li {
    font-size: 17px;
    line-height:1.5em;
}

#footer {
    width:100%;
    background: #808080;
}

.footerLogotypes {
    margin:100px 30px;
}   

.footerLogotypes a {
    display:inline;
    float:left;
    margin-right:80px;
}

.footerLogotypes a img {
    max-width:100%;
}

.footerLogotypes .fdkLogo {
    margin-top:28px;
}

.footerLogotypes .dshLogo {
    margin-top:30px;
}

.footerLogotypes .zakochajSieLogo {

}

@media (max-width: 767px) { /* PHONES LAYOUT */
   
    * {
        box-sizing: border-box;
    }
    
    #header {
        height: 45px;
    }
    
    h1 {
        margin-top: 6px;
    }
    
    #map {
        margin-top:45px;
    }
    
    #textContent {
        padding:15px 0px;
    }
    
    .staticPage {
        margin: 15px;
        -moz-column-count: 1;
        -webkit-column-count:1;
        column-count:1;
    }
    
    .staticPage p, li {
        font-size: 13px;
        line-height:1.5em;
    }
    
    .footerLogotypes {
        margin:30px 15px 15px;
    }  
    
    .footerLogotypes a {
        display:block;
        text-align:center;
        float:none;
    }
    
    .footerLogotypes a img {
        max-width:100%;
    }
    
    .footerLogotypes .fdkLogo {
        margin:0px auto 30px;
    }
    
    .footerLogotypes .dshLogo {
        margin:0px auto 30px;
    }
    
    .footerLogotypes .zakochajSieLogo {
        margin:0px auto 0px;
    }
    
    .mapWindow.vertical {
        width:300px;
        height:200px;
    }
    
    .mapWindow.horizontal {
        width:200px;
        height:280px;
    }
    
    .mapWindow h2 {
        font-weight:bold;
        font-size:15px;
    }
    
    .mapWindow img.horizontal {
        margin:0px 0px 10px 0px;
        max-width:200px;
    }
    
    .mapWindow img.vertical {
        float:left;
        margin:0px 10px 10px 0px;
        max-height:100%;
    }
}