* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: Arial, sans-serif;
	color: #000000; 
}

body, html {
    height: 100%;
    width: 100%;
	background-color: #ffffff;
	overflow-x: hidden; /* Prevent horizontal overflow */
}

.background-container {
    background-image: url('../_images/baggrund.jpg'); /* Replace 'your-image.jpg' with the path to your background image */
    height: 100%;
    background-size: cover;
    background-position: center;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 20px; /* Add padding to prevent text from touching the edges */
    text-align: center;
}

.overlay-text {
    text-align: center;
    color: white;
    padding: 20px;
    border-radius: 10px;
    max-width: 90%; /* Ensure the text doesn't overflow the container */
}

.logo {
    width: 75%; /* Adjust the width as needed */
    max-width: 500px; /* Ensure the logo doesn't get too large on larger screens */
    height: auto; /* Maintain aspect ratio */
    margin-bottom: 20px; /* Space between the logo and the text */
}

h1 {
	color: #000000; 
    font-size: 1.5em; 
    margin-bottom: 0px;
}

p {
	color: #000000; 
    font-size: 0.9em; 
}

a:link { 
				color: #000000; 
				text-decoration: underline; 
				}

a:visited { 
				color: #000000; 
				text-decoration: underline; 
				}

a:active { 
				color: #000000; 
				text-decoration: underline; 
				}

a:hover { 
				color: #000000; 
				text-decoration: underline; 
				}

@media (max-width: 600px) {
    h1 {
        font-size: 6vw; /* Adjust font size for smaller screens */
    }
    p {
        font-size: 4vw; /* Adjust font size for smaller screens */
      }
}