/* General Styles  */
html, body {
    height: 100%;
}
.text-muted{
    font-size: small;
}
.form-control {
    font-size: small;
}
.form-select {
    font-size: small;
}
.navbar {
    background-color: #4f4f4f;
    color: #fff;
    padding-right: 1rem;
    margin-bottom: .5rem;
}

/* Footer */
footer {
    background-color: #333;
    color: #fff;
    padding: 1em;
}

.footer-container {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
    gap: 1em;
}

.footer-links h4 {
    margin-bottom: 0.3em;
}

.footer-links ul {
    list-style: none;
    padding: 0;
}

.footer-links ul li {
    margin-bottom: 0.3em;
}

.footer-links ul li a {
    color: #ccc;
}

.footer-links ul li a:hover {
    color: #fff;
}

.social-media {
    display: flex;
    gap: 1em;
}

.social-media li a {
    font-size: 1em;
}