.hero-section {
    background-image: url('./main.jpg'); /* Specifies the image path */
    background-repeat: no-repeat; /* Prevents image repetition */
    background-size: cover; /* Ensures the image covers the entire element */
    background-position: center center; /* Centers the image */
    background-size: 100vw 100vh; /* Example height for the container */
    color: black; /* Example text color for readability */
	background-attachment: fixed; /* Keeps the image fixed in the viewport during scrolling */
    margin: 0; /* Removes default body margin */
    padding: 0; /* Removes default body padding */
}
.services-kitchen {
    background-image: url('./services-kitchen.jpg'); /* Specifies the image path */
    background-repeat: no-repeat; /* Prevents image repetition */
    background-size: cover; /* Ensures the image covers the entire element */
    background-position: center center; /* Centers the image */
    background-size: 100vw 100vh; /* Example height for the container */
    color: black; /* Example text color for readability */
	background-attachment: fixed; /* Keeps the image fixed in the viewport during scrolling */
    margin: 0; /* Removes default body margin */
    padding: 0; /* Removes default body padding */
}
.services-bathrooms {
    background-image: url('./services-bathroom.jpg'); /* Specifies the image path */
    background-repeat: no-repeat; /* Prevents image repetition */
    background-size: cover; /* Ensures the image covers the entire element */
    background-position: center center; /* Centers the image */
    background-size: 100vw 100vh; /* Example height for the container */
    color: black; /* Example text color for readability */
	background-attachment: fixed; /* Keeps the image fixed in the viewport during scrolling */
    margin: 0; /* Removes default body margin */
    padding: 0; /* Removes default body padding */
}
.services-additions {
    background-image: url('./services-additions.jpg'); /* Specifies the image path */
    background-repeat: no-repeat; /* Prevents image repetition */
    background-size: cover; /* Ensures the image covers the entire element */
    background-position: center center; /* Centers the image */
    background-size: 100vw 100vh; /* Example height for the container */
    color: black; /* Example text color for readability */
	background-attachment: fixed; /* Keeps the image fixed in the viewport during scrolling */
    margin: 0; /* Removes default body margin */
    padding: 0; /* Removes default body padding */
}
.about-company {
	background-color: antiquewhite;
    background-image: url('./about-company.jpg'); /* Specifies the image path */
    background-repeat: no-repeat; /* Prevents image repetition */
    /*background-size: cover; /* Ensures the image covers the entire element */
    /*background-position: center center; /* Centers the image */
    /*background-size: 100vw 100vh; /* Example height for the container */
    color: black; /* Example text color for readability */
	background-attachment: fixed; /* Keeps the image fixed in the viewport during scrolling */
    margin: 0; /* Removes default body margin */
    padding: 0; /* Removes default body padding */
}
.overlay-text {
margin-left: 65%;
position: relative;
color: #fff;
text-shadow:
        0.01em 0 black,
        0 0.01em black,
        -0.01em 0 black,
        0 -0.01em black; 
font-size: 60px 
	
}
.overlay-text-aboutus {
margin-left: 50%;
margin-right: 5%;
position: relative;
top: 100px;
color: #000000;
/*text-shadow:
        0.01em 0 black,
        0 0.01em black,
        -0.01em 0 black,
        0 -0.01em black; */
font-size: 30px ;
	
}
/*                      */
/*                      */
/*                      */
/*                      */
/*                      */
/*                      */
/* The navigation menu */
.navbar {
  overflow: hidden;
  background-color: #333;
}

/* Navigation links */
.navbar a {
  float: left;
  font-size: 16px;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

/* The subnavigation menu */
.subnav {
  float: left;
  overflow: hidden;
}

/* Subnav button */
.subnav .subnavbtn {
  font-size: 16px;
  border: none;
  outline: none;
  color: white;
  padding: 14px 16px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

/* Add a red background color to navigation links on hover */
.navbar a:hover, .subnav:hover .subnavbtn {
  background-color: red;
}

/* Style the subnav content - positioned absolute */
.subnav-content {
  display: none;
  position: absolute;
  left: 0;
  background-color: red;
  width: 100%;
  z-index: 1;
}

/* Style the subnav links */
.subnav-content a {
  float: left;
  color: white;
  text-decoration: none;
}

/* Add a grey background color on hover */
.subnav-content a:hover {
  background-color: #eee;
  color: black;
}

/* When you move the mouse over the subnav container, open the subnav content */
.subnav:hover .subnav-content {
  display: block;
}