html {
  font-size: 14px;
}
@media (min-width: 768px) {
  html {
    font-size: 16px;
  }
}

.navbar {
  background-color: #a2d0dd !important;
}

.container {
  max-width: 960px;
}

.intro-header {
  max-width: 700px;
}

.card-header {
  background-color: #eeeeee !important;
}

.display-4 {
  font-weight: 400 !important;
}

.home-description {
  margin-top: 40px;
  margin-bottom: 40px;
  font-size: 1.1rem;
}

.salah-part-title {
	font-size: 20px;
	font-weight: 500;
}

.ref {
  font-size: 14px;
  font-weight: 300;
}

.word-arabic {
  font-size: 3rem !important;
  font-weight: 500;
}

.word-transliteration {
  font-size: 1rem;
  font-weight: 300;
}

.word-translation {
  font-size: 1rem;
  font-weight: 500;
  margin-top: -15px;
}

.full-translation-header {
  font-size: 16px;
  font-weight: 600;
}

.full-translation {
  font-size: 1rem;
  font-weight: 400;
}

.ayat-end{
  padding: 0 .5em;
  display: inline-block;
  position: relative;
  margin-top: 1.5em;
}

.ayat-end::after {
  content: "\06DD";
  display: block;
  position: absolute;
  font-size: 1.5em;
  top: 50%;
  left: 50%;
  transform: translate( -50%, -50%);
}