@font-face {
  font-family: 'XBZar';
  src: url(https://fontlibrary.org/face/xb-zar); }
body, head {
  direction: rtl;
  font-family: 'XBZar', serif; }

.brand-logo {
  width: 4rem;
  height: 4rem;
  margin-top: 0.5rem;
  margin-right: 1rem; }

#top_menu {
  position: fixed;
  z-index: 700;
  width: 100%; }

#img_fade {
  filter: opacity(85%);
  max-width: 100%;
  max-height: 100%; }

#intro {
  position: relative;
  text-align: center; }

#img_on_text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

#help {
  background: rgba(188, 20, 83, 0.87);
  color: #ffffff; }

.heading-text {
  color: #22390d;
  font-size: 300%; }

/*
Extra small devices (portrait phones, less than 544px)
No media query since this is the default in Bootstrap because it is "mobile first"
*/
.heading-text {
  font-size: 1.1rem; }

#donate_btn {
  white-space: normal;
  width: 70px;
  font-size: 0.9rem; }

.btn-space {
  margin-right: 5px;
  font-size: 1rem;
  direction: rtl;
  font-family: 'XBZar', serif; }

#company-info {
  background: linear-gradient(rgba(63, 180, 79, 0.86), rgba(250, 235, 72, 0.98)); }

#care {
  padding: 2%;
  margin: auto; }

.white-text {
  color: #22390d;
  font-weight: bold; }

.persi-text {
  font-size: 1.7rem; }

#call {
  background: rgba(193, 235, 86, 0.64); }

.white-texts {
  color: #ffffff;
  font-weight: bold; }

.small-card {
  margin-top: 8rem; }

.jumbotron {
  height: 100% !important;
  padding: 2rem !important; }

hr {
  border-width: .5px;
  border-style: inset;
  border-color: #84b13f; }

@media (min-width: 544px) {
  .heading-text {
    font-size: 1.5rem; }

  .btn-space {
    font-size: 1.1rem; }

  #donate_btn {
    width: 110px;
    font-size: 1rem; }

  .small-card {
    margin-top: 8rem; } }
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {
  .heading-text, .btn-space {
    font-size: 2rem; }

  .btn-space {
    font-size: 1.3rem; }

  #donate_btn {
    width: 140px;
    font-size: 1.3rem; }

  .small-card {
    margin-top: 8rem; } }
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .heading-text {
    font-size: 3rem; }

  .btn-space {
    font-size: 1.4rem; }

  #donate_btn {
    width: 160px;
    font-size: 1.5rem; }

  .small-card {
    margin-top: 6rem; } }
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
  .heading-text {
    font-size: 4rem; }

  .btn-space {
    font-size: 1.5rem; }

  #donate_btn {
    width: 180px;
    font-size: 2rem; }

  .small-card {
    margin-top: 6rem; } }
/* Set width to make card deck cards 100% width */
@media (min-width: 950px) and (max-width: 1100px) {
  .heading-text {
    font-size: 2.75rem; }

  .btn-space {
    font-size: 1.6rem; }

  #donate_btn {
    width: 180px;
    font-size: 1.5rem; }

  .small-card {
    margin-top: 6rem; } }

/*# sourceMappingURL=index.css.map */