/*============================================================= 
BREAK POINTS
============================================================= */
/*============================================================= 
MIXINS
============================================================= */
/*============================================================= 
COLORS
============================================================= */
/* ===================================
DESIGN MODE 
=================================== */
/* primary */
/* secondary */
/* base */
/* logo colors */
/* ===================================
WIREFRAME MODE 
=================================== */
/* ===================================
   DESIGN MODE 
   =================================== */
@media (max-width: 576px) {
  .block-grid-media .row .col {
    flex: 100%;
  }
}
.block-grid-media .title {
  margin-top: 1rem;
  margin-bottom: 3rem;
}
.block-grid-media iframe {
  width: 100% !important;
}

/* ===================================
WIREFRAME MODE 
=================================== */
.block-grid-media.wireframe {
  background: #F7F7F7;
}
.block-grid-media.wireframe .image {
  display: inline-block;
  background-color: #80878D;
  height: 50px;
  width: 50px;
  margin-bottom: 36px;
  background-image: url("../../../assets/icons/wireframe-picture.svg");
  background-size: 20%;
  background-repeat: no-repeat;
  background-position: center;
}
.block-grid-media.wireframe .image img {
  display: none;
}

/*# sourceMappingURL=grid-media.css.map */