.custom_img{width: 100%; max-width: 500px;border: 1px solid #ddd;margin: auto;display: block;}
#mi_imagen_unica{width: 100%; max-width: 500px;border: 2px solid red;margin: auto;display: block;}
        .navbar {
            position: fixed;
            top: 0;
            width: 100%;
            z-index: 1030;
        }
        /* Custom Styles for Section Separators */
        .section-divider {
            border-top: 1px solid #ccc;
            margin: 6px 6px 6px 6px;
        }
        .custom_img {
            max-width: 500px; 
            border-radius: 2px;
            box-shadow: 0 8px 10px rgba(0, 0, 0, 0.1);
        }
         .med_img {
            max-width: 200px; 
            border-radius: 1px;
            box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
        }
        .ch_img {
            max-width: 20px; 
            border-radius: 1px;
            box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
        }

h2 {
            font-family: 'Georgia', serif;
            color: #333;
            margin-bottom: 10px;
            margin-top: 10px;     
        }

h3 {
            font-family: 'Georgia', serif;
            color: #444;
            font-size: 22px;
        }

body {
            font-family: 'Georgia', sans-serif;
            color: #444;
            background-color: #f5f5e9;
            font-size: 18px;
            padding-top: 56px; /* Adjust this based on the navbar height */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }
bodych {
            font-family: 'Georgia', sans-serif;
            color: #444;
            background-color: #f5f5e9;
            font-size: 10px;
            padding-top: 56px; /* Adjust this based on the navbar height */
            display: flex;
            flex-direction: column;
            justify-content: space-between;
        }        
        
html, body {
    height: 100%;
    margin: 0;
    display: flex;
    flex-direction: column;
    }

main {
    flex: 1;
}