* {
    margin: 0;
    padding: 0;
}

html {
    font-family: 'Source Sans 3', Arial, sans-serif;
    background: url('images/backg1.svg') no-repeat center center fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}

body {
    text-align: center; /* Centers inline or inline-block elements horizontally */
    min-height: 100vh; /* Ensures the body takes at least the full viewport height */
}

img1 {
    margin-top: 1%; /* Adds some spacing from the top of the viewport */
    width: 15%; /* Responsive width */
    display: block; /* Makes img a block-level element */
    margin-left: auto; /* Together with margin-right, centers the img */
    margin-right: auto;
}
img {
    margin-top: 5%; /* Adds some spacing from the top of the viewport */
    width: 30vw; /* Responsive width based on viewport width */
    max-width: 350px; /* Maximum size to prevent the image from becoming too large */
    display: block; /* Makes img a block-level element */
    margin-left: auto; /* Together with margin-right, centers the img */
    margin-right: auto;
}

@media screen and (max-width: 950px) {
  img {
    max-width: 200px;
  }
}
@media screen and (max-height: 280px) {
  img {
    max-width: 100px;
  }
}

.centered-text1 {
    margin-top: 20px; /* Existing spacing */
    font-weight: bold; /* Makes the text bold */
    font-size: 36pt; /* Increases the font size to 36 points */
    /* The text is already centered horizontally from the body's text-align property */
    color: #2d0044
}
.centered-text {
    margin-top: 2vh; /* Adds some space between the image and the text */
    font-weight: bold; /* Makes the text bold */
    font-size: clamp(1.5rem, 3vw, 3rem);    /* Responsive font size based on viewport width */
   
    color: #2d0044
}



.xel-fixed-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 1200;
    width: 100%;
    padding: 10px 0; /* Adds padding for visual spacing */
    box-sizing: border-box; /* Ensures padding is included in the height */
    /*background-color: rgba(0, 0, 0, 0.5);  Optional: Adds a background to make text more readable */
    color: #fff;
}

.bottom-right {
    margin-right: 50px; /* Ensures right margin for text */
    text-align: right; /* Aligns the text to the right */
font-size: clamp(1rem, 2vw, 2rem); /* Smaller font size for legal text */
}
.legal-notices {
    font-size: clamp(0.75rem, 1vw, 2rem); /* Smaller font size for legal text */
    color: #fff; /* White color for text */
    text-align: center; /* Center-align the text */
    padding: 5px 20px; /* Add some padding */
    width: 100%; /* Ensure it spans the full width */
}