/* -----------------------------  parallax -----------------------------------------  */
.para-container{
display: flex;
flex-direction: row;
width:100%;
background-color:white;
flex-wrap: nowrap;
text-align: center;
border-bottom: 1px solid var(--silver);
}
.para-div {
      display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: row;
position: relative;
width: 100%;
height: 100%;
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
opacity: 0.9;
border-bottom: 1px solid var(--silver);

}
.silver-back{
    background-color: #F1EFE8;
    color:#000;
}
.para_1_3 {

width:40%;
}
.para_2_3 {
width:60%;
}
.parallax {
background-image: url("../assets/dryclean-van.png");
background-position:right;
height: 550px;
background-size: contain;

/*background-size: 100% 100%;*/
}

.services {
    background-image: url("../assets/laundry.png");
    height: 400px;
    background-position:center;
    color: #fff;
}

.location {
    background-image: url("../assets/location.png"); 
    min-height: 550px;
    background-position: center;
    background-position-x: 100%;
}
.para-text{
    display: flex;
    flex-direction:column;
    flex-wrap: nowrap;
    justify-content:center;
    align-items: flex-start;
    padding:  10px 40px;
    font-size:1.1em;
}
.para-text-dark{
    background: var(--primary-dark);
    color:var(--silver);
}
.para-text p{
    font-size: 1.1em;
    text-align: left;
}
.reviews{
    padding: 10px 10%;
}
.caption {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 1.3em;
z-index: 5;
color: var(--primary-dark);
background: #ffffff77;
padding:5px 20px;
width:100%;
flex-wrap: nowrap;

}
.caption span{
    flex: 1;
}
.light-shadow{
    color:#fff;
    text-shadow: #000 1px 0 6px;
}
.dark-shadow{
    color: var(--primary-very-dark);
    text-shadow: #fff 1px 0 3px;
}





@media (max-width:800px) {
    .para-div {
            background-attachment: scroll;
            display:block;
            min-height:400px;
    }
    .para-container{
        flex-direction: column;
        flex-wrap: wrap;
    }
    .flex-right{
        flex-direction: column-reverse;
    }
    .para_1_3, .para_2_3{
        flex: 1;
       justify-self: stretch;
       width: 100%;
    }



.caption {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  font-size: 1.3em;
z-index: 5;
color: var(--primary-dark);
background: #ffffff77;
padding:5px 20px;
width:100%;
flex-wrap: nowrap;

}
.caption span{
    flex: 1;
}

}