:root {
  --bs-body-font-family: 'Cardo', serif;
}

html, body, p, h1, h2, h3, h4, h5, h6, ul, a, span {
  font-family: 'Cardo', serif !important;
}

body, p {
	font-size: 1.25rem !important; 
    font-family: 'Cardo', serif !important;
    line-height: 1.7 !important;
	letter-spacing: 0.6px !important;
    color: #f8f8f2 !important;
}

section#contact a.text-warning:hover i {
    display: inline-block;               /* REQUIRED for transform */
    color: #fffbe6 !important;           /* overrides inheritance */
    text-shadow: 0 0 10px rgba(255,215,0,0.8);
    transform: scale(1.1);               /* now works */
    transition: 0.3s;
}



section#contact a:hover span {
    color: #fffbe6 !important;
    text-shadow: 0 0 10px rgba(255,215,0,0.8);
}

/* Default (desktop) */
.logo {
  max-width: 500px;
  height: auto;
}

/* Mobile adjustments */
@media (max-width: 576px) {
  .logo {
    max-width: 90%;
  }
}