body {
       background-color:#e8e6e6;
    }


:root, :host, .spxThemeOverride, .max-width-container {
    --site-width: 980px;
}

    #logoprincipal {
        height: 82px;
        margin-left: 60px;
        margin-top: -10px;
    }


#Main {
    width: 95%; /* Or any desired max-width for the container */
    overflow: hidden;
}

#IMGPrincipal {
    max-width: 96%;
    display: block; /* Removes extra space below the image */
    transition: transform 0.4s ease-in-out;
        position:absolute;
        top:20px;
        transform: scale(1.1);
        overflow: hidden;
}

.nav-link {

font-family:kodchasan;
color:rgb(128, 128, 128) !important;
font-size:16px !important;
font-weight:700 !important;
line-height:38px !important;
margin-left:10px;
}


.linkmenu_r {
    font-family:questrial;
    color:#810606 !important;
    font-weight:300;
    font-size:14px;
}
.linkmenu {
    font-family:questrial;
    font-weight:300;
        font-size:14px;
        color:#808080;
}

#carouselExampleControls {
    top:60px;position:absolute;
}



@media screen and (max-width: 768px) {
    /* Styles applied only when screen width is 768px or less */
    body {
        font-size: 14px;
       background-color:#e8e6e6;
    }
    .container {
        flex-direction: column;
    }


    #IMGPrincipal {

    display: block; /* Removes extra space below the image */
    transition: transform 0.4s ease-in-out;
        position:absolute;
        top:60px;
        transform: scale(1.1);
        overflow: hidden;
}
    

    #logoprincipal {
        height: 40px;
        margin-left: 0px;

    }

    #carouselExampleControls {
    top:60px;position:absolute;
}

}