/* ------------------- */
/* Reset               */
/* ------------------- */

/* Box sizing */
*,
*::before,
*::after {
    box-sizing: border-box;
}

/* Reset margins */
body,
h1,
h2,
h3,
h4,
h5,
p,
figure,
picture {
    margin: 0;
}
body{
    background-color: rgb(253, 252, 251);
    
}

#carouselExampleCaptions .carousel-item img {
  width: 100%;
  height: 100%;           
  object-fit:contain;
}

.formbox{
    padding: 10px;
}

.carousel-control-prev-icon,
.carousel-control-next-icon{
    color: black;
}
.header{
    font-size: 10vh;
    text-shadow: 0 2px 4px rgba(0,0,0,.8); 
}
.header-container{
    height: 80vh;
    background-image:url('./Pictures/flooring.jpg');
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    color: whitesmoke;
    background-repeat: no-repeat;
    background-attachment: local;
    background-size: cover;
    
}


.gallery-container{
    padding-top: 5vh;
    padding-bottom: 5vh;
    background-color: #f0ede8;
}

.line{
  width: 30%;                  
  height: 4px;                 /* line thickness */
  background-color: rgb(255, 255, 255);
  border: none;                /* override <hr> default border */
  margin-top: 0px;            
}
#wordCarousel{
    margin-top: 10vh;
}
#wordCarousel .carousel-item{
  position:absolute;
  left:50%;
  font-size: 6vh;
  color: #dcd7d7;
  
  transform:translate(-50%,-10%);   /* keeps both axes centered */
  opacity:0;
  transition:opacity .99s ease-in-out;
}
#wordCarousel .carousel-item.active{
  position:relative;                 /* give it natural height */
  opacity:1;
}
#wordCarousel .carousel-inner{
  overflow:hidden;                   /* still hides off‑screen slides */
}

.contactUsButton{
    background-color: #cc6852
    
}
.our-work{
    margin-bottom: 2vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

#hero{
    background-color: #e6e7e8;
}