/*
Template Name: Furniture
File: Contact Page CSS
*/

.center_cont{
background-image:url(../img/interiors/project-bedroom-storage.jpg);
background-position:center;
background-size:cover;
}
.inner_hero .promo_m{
background:rgba(48,55,62,.66);
}
.inner_hero .center_om{
padding-top:92px;
padding-bottom:92px;
}
.inner_hero .center_o1{
max-width:780px;
margin-left:auto;
margin-right:auto;
}
.inner_hero h6,
#cont_pg h6,
#quote h6.col_yell,
#contact_support h6,
#contact_cta h6{
font-size:13px;
letter-spacing:.12em;
font-weight:600!important;
text-transform:uppercase;
}
.inner_hero h1{
font-size:42px;
font-weight:600;
line-height:1.14;
}
.inner_hero p{
font-size:17px;
}
#cont_pg,
#contact_support{
background:#fbfaf7;
}
.contact_intro_text{
max-width:560px;
}
.contact_intro_text h2,
#quote .quote_1r h2,
.support_head h2,
#contact_cta h2{
font-size:40px;
font-weight:600;
line-height:1.16;
}
.contact_placeholder{
padding:24px;
background:#fff;
border:1px solid #f3e7d5;
border-radius:8px;
}
.contact_placeholder h3{
font-size:15px;
letter-spacing:.08em;
text-transform:uppercase;
margin-bottom:4px;
}
.contact_placeholder p{
color:#5f625f;
}
.contact_visual img,
.contact_form_image img{
width:100%;
height:520px;
object-fit:cover;
border-radius:8px;
display:block;
}
#quote{
padding-bottom:88px;
}
#quote .quote_1r{
max-width:620px;
margin-left:auto;
}
#quote .form-label{
font-size:13px;
font-weight:600;
color:#30373e;
margin-top:14px;
margin-bottom:6px;
}
#quote .form-control,
#quote .form-select{
height:46px;
background:#fff;
}
#quote textarea.form-control{
height:130px!important;
resize:vertical;
}
.support_grid{
row-gap:22px;
}
.support_item{
height:100%;
padding:24px 18px;
background:#fff;
border:1px solid #f3e7d5;
border-radius:8px;
text-align:center;
}
.support_item i{
font-size:30px;
line-height:1;
display:block;
margin-bottom:18px;
}
.support_item h3{
font-size:18px;
margin-bottom:0;
}
.contact_cta{
background-image:url(../img/interiors/hero-living-room.jpg);
background-position:center;
background-size:cover;
}
.contact_cta .promo_m{
background:rgba(48,55,62,.74);
}

@media screen and (max-width:767px){
.inner_hero .center_om{
padding-top:66px;
padding-bottom:66px;
}
.inner_hero h1,
.contact_intro_text h2,
#quote .quote_1r h2,
.support_head h2,
#contact_cta h2{
font-size:31px;
line-height:1.18;
overflow-wrap:break-word;
}
.contact_intro_text,
#quote .quote_1r,
.support_head{
text-align:center;
max-width:100%;
}
.contact_intro_text p,
#quote .quote_1r p,
.support_head p{
text-align:left;
overflow-wrap:break-word;
}
.contact_visual{
margin-top:24px;
}
.contact_visual img,
.contact_form_image img{
height:300px;
}
#quote{
padding-bottom:48px;
}
#quote .quote_1r{
margin-left:0;
margin-top:24px;
}
#quote .quote_1r form{
text-align:left;
}
.support_item{
margin-top:8px;
margin-bottom:8px;
}
}

@media (min-width:768px) and (max-width:991px){
.inner_hero h1,
.contact_intro_text h2,
#quote .quote_1r h2,
.support_head h2,
#contact_cta h2{
font-size:34px;
}
.contact_visual img,
.contact_form_image img{
height:420px;
}
#quote{
padding-bottom:52px;
}
}

@media (min-width:992px) and (max-width:1200px){
.inner_hero h1,
.contact_intro_text h2,
#quote .quote_1r h2,
.support_head h2,
#contact_cta h2{
font-size:36px;
}
}