html {
    font-size: 14px;
}

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

html {
    position: relative;
    min-height: 100%;
}

body {
    margin-bottom: 60px;
    background-color: #fdf8f1;
}
/* Responsive font scaling */
@media screen and (max-width: 1200px) {
    body {
        font-size: 1.2rem; /* Adjust font size for medium screens */
    }
}

@media screen and (max-width: 768px) {
    body {
        font-size: 1rem; /* Adjust for smaller screens */
    }
}

@media screen and (max-width: 480px) {
    body {
        font-size: 0.9rem; /* Smaller font for mobile screens */
    }
}

/*submit {
    background-color: #D11337;
    color: white;
    width: 7rem;
}
*/