/* 
---- use this refresh.scss file to make changes to refresh.css ----


to build (in terminal):
- go to plumfund repo
- cd public_html/_assets/css
- sass --no-source-map --watch refresh.scss:refresh.css


adding --watch will make terminal continously watch the file for changes
dev will need to download sass if they haven't already (https://sass-lang.com/install)

*/
body.home .carousel .carousel-inner > div:before {
  content: "";
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.2);
  position: absolute;
  top: 0;
  left: 0;
}

.navbar-brand {
  padding: 12px 15px;
}

@media (max-width: 720px) {
  #bottomcopy {
    width: calc(100% - 40px);
  }
  #bottomcopy .copyright {
    line-height: 1.4;
    margin-top: 14px;
  }
}
@media (max-width: 767.98px) {
  #categories .row, #causes .row {
    display: flex;
    flex-wrap: wrap;
  }

  body.home #categories .category .img {
    background-size: cover;
  }
}