html, body { margin: 0; padding: 0 }
.container { width: 100%; margin: 0; padding: 0 }

.logo { height: 90px; position: fixed; top: 0 }
.logo-img { height: 90px; margin-left: 5% }

.nav-bar { height: 90px; position: fixed; top: 0; border-bottom: 4px solid white; padding: 0 }
.menu_button { height: 100%; float: right }

.menu { list-style-type: none; top: 90px; margin: 0; height: 0; overflow: hidden; transition: height 0.2s }
.menu-item { display: inline-block; padding: 20px 0; text-align: center; font-size: 30px; width: 100%; margin: 0 }
.menu-item:hover { background-color: #ff7f2a }
.lang-menu {  }

.article { margin: 50px 0 50px 5%; width: 90%; font-size: 1.2em; line-height: 1.2 }
.first-article { margin-top: 170px }

.offer-column { width: 100%; padding: 0 }

.thumbnails-column { padding: 20px; overflow: auto; white-space: nowrap }
.thumbnail { width: 720px; height: 540px; margin: 20px; display: inline-block }

.qualities-column { width: 100% }
.qualities-item { width: 92%; padding: 4%; text-align: center }
.qualities-item img { width: 40%; margin: 0 25% }

.info-column { width: 100%; height: 160px; display: flex; line-height: 1.5; margin: 40px 0 }
.info-column img { height: 100%; width: auto; display: inline-block }
.info-column div { display: inline; width: auto; height: auto; margin: auto 0 auto 30px; color: white ; font-size: 1.5em }

.map { height: 500px }

/*Kolory*/
.bg-white { background-color: white; color: black }
.bg-light { background-color: #f7f7f7 }
.bg-dark { background-color: #666; color: white }
.bg-dark a { text-decoration: none; color: white }

/*Czcionki*/
.article-title { font-size: 1.5em }
.contact-title { padding: 50px; font-size: 1.8em }
.copyrights { text-align: center; font-size: 0.8em; font-family: 'Courier New' }

/*Tabela*/
.row { width: 100%}
.row::after { content: ""; clear: both; display: table }
.column { float: left }