/* kratkosrochni prognozi - Bg */
.bg1 {
 grid-area: bg1;
}
.bg2 {
 grid-area: bg2;
}
.bg3 {
 grid-area: bg3;
}
.bg4 {
 grid-area: bg4;
}
.moreto {
 grid-area: moreto;
}
.planinata {
 grid-area: planinata;
}
.teksta {
 grid-area: teksta;
}

.subgridBgP {
 display:grid;
 grid-gap:1rem;
 grid-template-columns: 1fr 1fr;
 float:left;
 padding:2rem;
 margin: 15px 20px;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.bgB { 
  justify-content: center;
  grid-template-areas: 'moreto planinata '
}

/* ====================================================================== */

@media screen and (max-width: 1320px) {
.bgP { 
  display:block;
  width: 100vw;
}
.bgB { 
  justify-content: center;
  grid-template-areas: 'moreto'
                       'planinata '
                       'legenda';
}

}