@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;500;600;700&display=swap');



body {background:#0075bd; color:#fff; font-size:16px; font-weight:300; line-height:1.4; font-family: Lato, Arial; letter-spacing:0.5px;}

img {max-width:100%}

a {color:#fff}
a:hover { color:#ccc; }

.BoxContent {max-width:1200px;  position:relative; margin-left: auto; margin-right:  auto; text-align:left; ;  }
.BoxContentText {max-width:800px; background:#ff0; position:relative; margin-left: auto; margin-right:  auto; text-align:left; ;  }

#top-box {  height:120px; background:#004f91}
#top {  height:100%; display: grid;   grid-gap: 4%;  grid-template-columns:  max-content auto max-content; align-items:center}
.top-menu {     display: grid;   grid-gap: 15px;  grid-template-columns:   repeat(auto-fill, minmax(110px, 1fr)) /*  repeat(6, 1fr);*/; align-items:center; justify-items: center;}
.top-menu a {color:#fff; font-size:15px;  font-weight:400;}

.flag-box {  display: grid;   grid-gap: 10px;  grid-template-columns:   repeat(3, max-content); align-items:center; justify-items: center; }

.posr {position:relative}
[mobile-btn-menu] {display:none}

.tac {text-align:center}
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt25 { margin-top:25px; }

td {padding:8px; border:solid 1px #fff; font-size:14px;}

.maszyny-grid {font-size:14px; display: grid;  row-gap:20px; column-gap: 4%;  grid-template-columns:   repeat(2, 1fr); align-items:start; justify-items: start;}
.maszyny-grid h2 {font-size:16px; color:#fff; font-weight:600}

.button {
  display: inline-block;
  background:#93d6ff;
  position: relative;
  padding: 12px 15px;
  font-size: 18px;
  line-height: 27px;
  border-radius: 6px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  border-style: solid;
  text-align: center;
  cursor: pointer;
  font-weight: 700;
  vertical-align: middle;
  border:solid  2px #cfedff;
  text-transform: uppercase;
  user-select: none;
  letter-spacing: .04em;
  transition: .3s ease-out all;
}


@media (min-width: 100px)  and  (max-width: 799px) {
 [hide-on-mobile] {display:none}
 #top {    grid-template-columns:  35% auto max-content; align-items:center}
 .top-menu {display:none;  position:absolute; width:max-content; padding:20px; z-index:990;  top:0; background:#1f4e8c;}
 [mobile-btn-menu] {display:block}
 .box-page {grid-template-columns: auto !important; padding:15px;}
 .maszyny-grid {grid-template-columns: auto !important;  }
}