body {
  font-family: "Yekan", "Franklin Gothic Medium", "Arial Narrow", Arial,
    sans-serif;
  line-height: 1.3rem;
}
.mynav-bg {
  background-color: #8f23af;
  color: white;
}

.mybtn {
  background-color: #8f23af;
  color: white;
  border-color: rgb(161, 239, 239);
}
.mybtn:hover {
  background-color: white;
  color: #8f23af;
  border-color: #e5c5ef;
}
.center-card {
  background-color: #8f23af;
  color: white;
}
.myfooter {
  background-color: #8f23af;
  color: white;
}
.my-img-overlay {
  position: relative;
}
.my-img-text {
  position: absolute;
  color: #8f23af;
  direction: ltr;
}

@media (min-width: 767px) {
  .my-img-text {
    font-size: large;
    left: 5%;
    top: 5%;
  }
}

@media (max-width: 766.99px) {
  .my-img-text {
    font-size: x-large;
    left: 5%;
    top: 5%;
  }
}

.bi-instagram {
  color: rgb(189, 7, 7);
}
.my-img-internal-text {
  color: rgb(154, 33, 33);
}
.bi-whatsapp,
.my-img-internal-text-wp {
  color: rgb(28, 136, 13);
}

.my-img-bottom-text {
  position: absolute;
  font-size: large;
  left: 10%;
  top: 20%;
  direction: ltr;
  color: rgb(154, 33, 33);
}