.maincontent{
margin: 4% auto;
}

.form-wrapper{
max-width: 600px;
border-radius: 10px;  
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);  
padding: 20px; 
background-color: #ffffff; 
max-width: 400px; 
margin: 0 auto; 
height: fit-content;
}

.landing-content{
display: flex;
}

.landing-content-section{
width: 49%;
}

#freeEstimateButton{
font-size: 18px;
}

.landing-header{
position: relative;
padding: 2% 14%;
color: #fff;
text-align: center;
 background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), url('/imageserver/AdminMedia/Paralax_Backgrounds/1900x600/1900x600remodeling2.jpg');
background-attachment: fixed;
background-position: center;
background-repeat: no-repeat;
background-size: cover;
text-shadow: 2px 2px 4px rgba(0,0,0,0.7);
}

.global_28266{
display: none;
}

@media(max-width: 850px){
.landing-content{
flex-direction: column-reverse;
align-items: center;
}

.landing-content-section{
width: unset;
margin-bottom: 30px;
}
}

.image-container img{
    max-width: 100%;
    width: 100%;
}

.gallery img{
    max-width:100%;
    width: fit-content;
}
.gallery{
    display:flex;
    flex-direction:row;
    justify-content:space-evenly;
    flex-wrap:wrap;
    align-items:center;
    padding:3% 2%;
}
.gallery-item{
    margin-bottom:15px;
}

.form_field_wrapper{
display: flex;
    flex-direction: row;
    justify-content: space-evenly;
}

/* Customer requested the nav-bar be hidden on this landing page */
.menu_wrapper{
display: none;
}

.logo{
left: 46%;
}

/* Hide the get estimate button and the mobile menu. */

#freeEstimateButton, .mobile_menu_wrapper{
display: none;
}