body {
    font-family: 'MedievalSharp', sans-serif;  /* Fuente principal para el texto */
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'MedievalSharp', sans-serif;  /* Fuente para títulos */
    font-weight: 700;  /* Negrita para títulos */
}

.form-control {
    font-family: 'MedievalSharp', sans-serif;  /* Fuente para inputs */
}

.btn {
    font-family: 'MedievalSharp', sans-serif;  /* Fuente para botones */
}

.logo-image {
    max-width: 800px; /* Tamaño por defecto para pantallas grandes (PC) */
}

/* Media query para pantallas medianas (tablets) */
@media (max-width: 768px) {
    .logo-image {
        max-width: 500px; /* Tamaño ajustado para tablets */
    }
}

/* Media query para pantallas pequeñas (teléfonos) */
@media (max-width: 576px) {
    .logo-image {
        max-width: 300px; /* Tamaño ajustado para teléfonos */
    }
}

footer {
    font-family: 'MedievalSharp', sans-serif;
    width: 100%; /* Asegura que ocupe todo el ancho */
    margin-top: auto; /* Empuja el footer hacia abajo */
}

footer a {
    margin: 0 10px;
}

@media (max-width: 576px) {
    footer p {
        font-size: 0.9rem;
    }
}

/* Asegura que el contenido principal no se solape con el footer */
.content {
    flex: 1 0 auto; /* Permite que el contenido crezca y empuje el footer */
}