/* Reset some default styles */
body, ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* Style the footer container */
.footer {
    background-color: #c7c5c5; /* Change this to your desired background color */
    color: #fff; /* Text color */
    padding: 20px 0; /* Adjust the padding as needed */
    font-family: Arial, sans-serif; /* Choose your desired font */
}

.container {
    max-width: 1200px; /* Adjust the maximum width of the container */
    margin: 0 auto; /* Center the container */
    padding: 0 20px; /* Add some horizontal padding to the container */
}

.row {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

/* Style the footer columns */
.col-md-3 {
    flex: 1;
    margin: 0 10px; /* Add some space between columns */
}

/* Style the footer menu */
.footer__menu {
    font-size: 14px; /* Adjust the font size as needed */
}

.footer__menu ul {
    padding-left: 50;
}

.footer__menu-item {
    margin-bottom: 10px; /* Add space between menu items */
}

.footer__menu-item a {
    text-decoration: none;
    color: #fff; /* Link color */
}

/* Style the social icons */
.social-icons a {
    color: #fff; /* Icon color */
    margin-right: 600px; /* Add space between icons */
    font-size: 20px; /* Adjust the icon size as needed */
}

/* Style the newsletter section */
.footer__newsletter {
    margin-top: 50px; /* Add space between the social icons and newsletter */
}

.footer__newsletter__headline {
    font-weight: bold;
    font-size: 16px; /* Adjust the font size as needed */
margin-left: 900px;
    
}

.footer__newsletter__infotext {
    font-size: 14px; /* Adjust the font size as needed */
    margin-bottom: 10px; 
    margin-left: 900px; /* Add space below the text */
}

.button--big {
    display: inline-block;
    padding: 10px 20px; /* Adjust the padding as needed */
    background-color: #007bff; /* Button background color */
    color: #fff; /* Button text color */
    text-decoration: none;
    border-radius: 5px; /* Rounded corners */
    font-size: 16px;
    margin-left: 900px; /* Button text size */
}

.button--big:hover {
    background-color: #0056b3; /* Button background color on hover */
}
.center-logo {
    display: flex;
    align-items: center; /* Center vertically */
    justify-content: center; /* Center horizontally */
}

/* Style the logo image if needed */
.center-logo img {
    max-width: 100%; 
     margin-left:550px;/* Ensure the logo doesn't exceed its container */
}
