.aladin {
    grid-template-columns: 1fr;
    justify-content: center;
}
.aladinKarti {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content:flex-end;
}

.aladini {
    padding:4px;
}
img.bogr{width:750px;border-style: solid;border-width: 1px;border-color: green;margin:10px;}



div.jruler {
  text-align:left; 
  display:flex;
  flex-flow: row wrap;
  align-items:flex-start;
}

img.points {
  width:20px;
  height:15px;
  padding:5px;
}

.morski {
    display: grid;
    grid-gap:1rem;
    grid-template-columns: repeat(2, 1fr);
    grid-template-areas: 'zaglavie zaglavie'
                         'wind swh';
    justify-content: center;
}
.swh {
  grid-area:swh;
}
.wind {
  grid-area:wind;
}
.zaglavie {
  grid-area:zaglavie;
}
.gfsKarti {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-content:flex-end;
}
.gfsKartaKombi {
    grid-template-columns: 1fr;
    justify-content: center;
    margin-left:300px;
    margin-right:300px;
    margin-top: 1rem;
}

/*  ============================================================================== */
/*   media quaries */

@media screen and (max-width: 1320px) {
.aladinKarti {
    display: grid;
    grid-template-columns: 1fr;
    justify-content: center;
}
img.points {
    display:none;
}

.morski {
    display: grid;
    grid-gap:1rem;
    grid-template-columns: 1fr;
    grid-template-areas: 'zaglavie'
                         'wind'
                         'swh';
    justify-content: center;
}

.gfsKartaKombi {
    grid-template-columns: 1fr;
    justify-content: center;
    margin-left:auto;
    margin-right:auto;
    margin-top: 1rem;
}
}