.btnNews.active {
  background: #1752dd !important;
  border: 1px solid #1752dd !important;
  color: #fff !important; 
}
.btnNews {
  border: 1px solid #1752dd;
  background: transparent;
  color: #1752dd !important; 
  margin: 6px 10px;
}
.btnNews:hover {
  border: 1px solid #1752dd;
  background: #1752dd;
  color: #fff !important; 
}

#gal {
  position: relative;
  /*height: 600px;*/
  height: 800px;
  overflow: hidden;
  margin: 0 0 30px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.2), 0 16px 20px rgba(0,0,0,0.2);
}
#fg, 
#bg {
  width: 100%;
  height: 100%;
}
#fg p {
  color: #fff;
  font-size: 16px;
  font-weight: bold;
 /* font-family: Verdana, sans-serif; */
  margin: 6px;
  display: flex;
  width: 26px;
  height: 26px;
    align-items: center;
    justify-content: center;
  background: rgba(0,0,0,0.3);
  margin: 0;
  text-shadow: 0 2px 6px rgba(0,0,0,0.8);
  border-radius: 6px;
}
#fg div,
#bg div{
  position:absolute;
  top:0;
}
@media screen and (max-width:516.98px) {
  #gal {
    height: 200px;
  }
}@media screen and ((min-width:517px) and (max-width:767px)) {
  #gal {
    height: 300px;
  }
}