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

.center_about{
background-image:url(../img/interiors/project-home-office.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:820px;
margin-left:auto;
margin-right:auto;
}
.inner_hero h6,
#about_intro h6,
#philosophy h6,
#studio_view h6,
#about_process h6,
#about_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;
}
#about_intro,
#studio_view{
background:#fbfaf7;
}
.about_story_text,
.studio_text{
max-width:560px;
}
.about_story_text h2,
.philosophy_head h2,
.studio_text h2,
#about_process h2,
#about_cta h2{
font-size:40px;
font-weight:600;
line-height:1.16;
}
.about_story_images{
min-height:540px;
}
.about_story_main,
.about_story_detail{
width:74%;
height:430px;
object-fit:cover;
border-radius:8px;
display:block;
box-shadow:0 24px 45px -40px rgba(48,55,62,.55);
}
.about_story_detail{
position:absolute;
right:0;
bottom:0;
width:56%;
height:330px;
border:8px solid #fbfaf7;
}
#philosophy{
background:#f5f1ea!important;
}
.philosophy_head{
align-items:end;
}
.philosophy_item{
height:100%;
padding:10px 34px 10px 0;
border-right:1px solid #eadfce;
}
.philosophy_item h3{
font-size:22px;
font-weight:600;
margin-bottom:14px;
}
.philosophy_item p{
margin-bottom:0;
}
.studio_gallery img{
width:100%;
object-fit:cover;
border-radius:8px;
display:block;
}
.studio_img_large{
height:520px;
}
.studio_img{
height:248px;
}
#about_process{
background:#f5f1ea!important;
}
#about_process .work_h1{
row-gap:22px;
}
#about_process .work_h1i{
max-width:760px;
margin-bottom:12px;
}
#about_process .work_h1i1{
height:100%;
border:1px solid #eadfce;
border-radius:8px;
box-shadow:none;
}
#about_process .process_number{
font-size:44px;
font-weight:500;
color:#daa14c;
}
#about_process .work_h1i1 h4{
font-size:21px;
font-weight:600;
}
.about_cta{
background-image:url(../img/interiors/hero-kitchen.jpg);
background-position:center;
background-size:cover;
}
.about_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,
.about_story_text h2,
.philosophy_head h2,
.studio_text h2,
#about_process h2,
#about_cta h2{
font-size:31px;
line-height:1.18;
overflow-wrap:break-word;
}
.about_story_images{
min-height:0;
}
.about_story_main,
.about_story_detail{
position:static;
width:100%;
height:300px;
border:0;
}
.about_story_detail{
margin-top:16px;
}
.about_story_text,
.studio_text{
max-width:100%;
margin-top:28px;
text-align:center;
}
.about_story_text p,
.studio_text p,
.philosophy_head p,
#about_process .work_h1i p,
#about_process .work_h1i1 p{
text-align:left;
overflow-wrap:break-word;
}
.philosophy_head{
text-align:center;
}
.philosophy_head p{
margin-top:16px;
}
.philosophy_item{
border-right:0;
border-bottom:1px solid #eadfce;
padding:22px 0;
text-align:center;
}
.philosophy_grid .col-md-4:last-child .philosophy_item{
border-bottom:0;
}
.studio_img,
.studio_img_large{
height:260px;
margin-top:14px;
}
#about_process .work_h1i{
text-align:center;
}
#about_process .work_h1i1{
text-align:center;
margin-top:10px;
margin-bottom:10px;
}
}

@media (min-width:768px) and (max-width:991px){
.inner_hero h1,
.about_story_text h2,
.philosophy_head h2,
.studio_text h2,
#about_process h2,
#about_cta h2{
font-size:34px;
}
.about_story_images{
min-height:0;
}
.about_story_main,
.about_story_detail{
position:static;
width:100%;
height:320px;
border:0;
}
.about_story_detail{
margin-top:16px;
}
.studio_img,
.studio_img_large{
height:320px;
}
.philosophy_item{
padding-right:22px;
}
}

@media (min-width:992px) and (max-width:1200px){
.inner_hero h1,
.about_story_text h2,
.philosophy_head h2,
.studio_text h2,
#about_process h2,
#about_cta h2{
font-size:36px;
}
.about_story_images{
min-height:0;
}
.about_story_main,
.about_story_detail{
position:static;
width:100%;
height:360px;
border:0;
}
.about_story_detail{
margin-top:16px;
}
}