/* kratkosrochni prognozi - Bg */

.moreto {
 grid-area: moreto;
}
.planinata {
 grid-area: planinata;
}
.teksta {
 grid-area: teksta;
}

.subgridBgP {
 display:flex;
 justify-content: center;
 padding:15px;
}
.subgridBgP > div {
 padding:5px;
 margin:5px;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}
.BgP { 
  display:block;
  width: 60vw;
  background: white;
}
.bgB { 
  justify-content: center;
  grid-template-areas: 'planinata moreto'
}

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

@media screen and (max-width: 1320px) {
.subgridBgP {
 display:grid;
 grid-gap:2px;
 grid-template-columns: 1fr;
 float:left;
 padding:5px;
 margin: 5px 10px;
 box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.BgP { 
  display:block;
  width: 97vw;
}
.bgB { 
  justify-content: center;
  grid-template-areas: 'moreto'
                       'planinata '
                       'legenda';
}

}