body, html {
	overflow-y: hidden; /* Hide vertical scrollbar */
    height: 100%;
    margin: 0;
    font-family: Arial, sans-serif;
}

.company-name {
    position: absolute;
    top: 10px;
    left: 10px;
    font-size: 30px;
    z-index: 10;
	color: brown
}

.contact-link {
    position: absolute;
    right: 20px;
    top: 20px;
    z-index: 10;
}

.contact-link a {
    text-decoration: none;
    color: white; /* Example color */
    /*font-weight: bold;*/
}

.image-container {
    position: relative;
    width: 100%;
    height: 100%;
}

.image-placeholder {
    width: 40%;
    height: 200px;
    background-color: #f0f0f0; /* Placeholder for image */
    display: inline-block;
    margin: 1.66%;
}

.text-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.5em;
    color: white;
    z-index: 5; /* Make sure this is below .company-name */
    pointer-events: none; /* Allows clicking on elements below */
	padding: 50px;
	box-sizing: border-box;
}


#pict1, #pict2, #pict3, #pict4, #pict5, #pict6 {
    opacity: 0.7; /* Adjust the opacity value as needed (between 0 and 1) */
    filter: grayscale(70%); /* Adjust the grayscale value as needed (between 0% and 100%) */
    mix-blend-mode: multiply; /* Experiment with different blend modes for desired effect */
}



#pict1 {
    background: url('../im/image1.jpg') no-repeat center center;
    background-size: cover;
}
#pict2 {
    background: url('../im/image2.jpg') no-repeat center center;
    background-size: cover;
}
#pict3 {
    background: url('../im/image3.jpg') no-repeat center center;
    background-size: cover;
}
#pict4 {
    background: url('../im/image4.jpg') no-repeat center center;
    background-size: cover;
}
#pict5 {
    background: url('../im/image5.jpg') no-repeat center center;
    background-size: cover;
}
#pict6 {
    background: url('../im/image6.jpg') no-repeat center center;
    background-size: cover;
}

.text-content {
    max-width: 1200px; /* Or whatever maximum width you prefer */
    margin: 0 auto; /* Centers the text block horizontally */
    padding: 20px; /* Adds some spacing inside the container */
}

/*  F O R M  */
label {
    color: white; /* Assigns a blue color to all labels */
}
/* Centering the content container */
.content-container {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 100vh; /* Adjust the height as necessary */
    flex-direction: column; /* Stack form elements vertically */
}
form {
    /*border: 1px solid #ccc; /* Optional: adds a border around the form */
    padding: 10px;
    /*background-color: white;*/ /* Set a background color */
    /*box-shadow: none;*/ /* Removes any shadow for unshaded look */
}
/* Input field styling */
input[type="text"], input[type="email"]{
    width: 100%; /* Full width of the form */
    padding: 8px;
    margin: 10px 0; /* Space between fields */
    border: 1px solid #ccc; /* Subtle border */
    box-shadow: none; /* Removes inner shadow in some browsers */
    background-color: #F5F5F5; /* Ensure background is white */
    border-radius: 4px; /* Optional: adds rounded corners */
}
/* Specific styling for textarea */
textarea {
    width: 100%; /* Full width of the form */
    padding: 30px;
    margin: 10px 0; /* Space between fields */
    border: 1px solid #ccc; /* Subtle border */
    box-shadow: none; /* Removes inner shadow in some browsers */
    background-color: #F5F5F5; /* Ensure background is white #fff*/
    border-radius: 4px; /* Optional: adds rounded corners */
    height: 150px; /* Enlarge the textarea height */
}

/* Submit button styling */
input[type="submit"] {
    cursor: pointer;
    background-color: #007bff; /* Example: blue background */
    color: white;
    border: none;
    padding: 10px 20px;
    border-radius: 4px;
    margin-top: 10px;
}
/* Adjustments for form field focus */
input[type="text"]:focus, input[type="email"]:focus, textarea:focus {
    outline: none; /* Removes the default focus outline */
    border-color: #007bff; /* Example: blue border on focus */
}
.not-a-robot {
    margin: 2px 0; /* Adjust spacing around the checkbox */
}

.not-a-robot label {
    margin-left: 8px; /* Spacing between checkbox and label */
}

/* Add a semi-transparent background to the text for readability */
.text-overlay {
    background: rgba(0, 0, 0, 0.5); /* Adjust color and transparency as needed */
}


/* Fine print at the bottom */
.copyright {
    position: absolute;
    bottom: 10px;
    width: 100%;
    text-align: center;
    font-size: 12px;
}

body.contact-page {
    background-image: url('../im/contact_im1.jpg'); /* default with javascript randomization */
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    margin: 0;
}
body.contact-page::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, 0.4); /* Optional: Adds darkness for contrast, remove if not needed */
    z-index: -1; /* Ensures content on the body is clickable */
}
.contact_us {
	color: white;
}