@charset "UTF-8";

#inst + div .inner_item_txt {
  background: rgba(0, 0, 0, 0) !important;
  transition: background 0.3s !important;
}

#inst + div .inner_item > a:hover + .inner_item_txt {
  background: rgba(0, 0, 0, 0.3) !important;
}

@media screen and (max-width: 768px) {
  #inst + div .wrapper_item {
    flex-direction: column !important;
gap: 1px;
  }

  #inst + div .inner_item,
  #inst + div .inner_item:nth-of-type(1):nth-last-of-type(2),
  #inst + div .inner_item:nth-of-type(2):nth-last-of-type(1),
  #inst + div .inner_item:nth-of-type(2n-1):nth-last-of-type(2) {
    width: 100% !important;
    margin-left: 0 !important;
  }
}

@media screen and (max-width: 480px) {
  /* top spacing of the section */
  #inst + div.pt100 {
    padding-top: 65px !important;
  }

  /* minimum height of each banner, so the images don't collapse */
  #inst + div .inner_item,
  #inst + div .inner_item:nth-of-type(1):nth-last-of-type(2),
  #inst + div .inner_item:nth-of-type(2):nth-last-of-type(1),
  #inst + div .inner_item:nth-of-type(2n-1):nth-last-of-type(2) {
    min-height: 260px !important;
  }