.oake-gray{background:url(/-/media/Images/Brand/Oake-Gray/16_9_oake-gray-banner.jpg) no-repeat;
  background-size: cover;}

.important_message {
  width: 100%;
  background: #003736;
}

.important_message .message_wrap {
  display: flex;
  flex-direction: row;
  margin: 0 auto;
  padding: 60px 0;
width:1200px;

}

.important_message .message_wrap .image_block {
  width: 540px;
  height: 304px;
  margin: 0 30px 0 30px;
}

.important_message .message_wrap .message{
  width: 570px;
 display: flex;
  flex-direction: column;
justify-content:center;
text-align:center;
  color: #FFF;
}


 .important_message .message_wrap .message .title {
  font-weight: bold;
  font-size: 30px;
  line-height: 40px;
text-align:center;
}

.important_message .message_wrap .message p {
  font-size: 18px;
  line-height: 30px;
  font-weight: 300;
margin:5px 15px;
}

.important_message .message_wrap .message .button {
  display: flex;
  font-weight: 600;
  justify-content: center;
  line-height: 48px;
  border-radius: 24px;
  background: #E35B35;
  padding: 0 15px;
  margin: 12px auto;
  width: 320px;
  letter-spacing: 2.2px;
  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
}

.two-col {padding: 60px 0; 
    	margin:0!important;
	background:#E7E6DF;
	}


  	.two-col .content-teaser-block .content-block{
		padding:0 30px 0 0;
 	}
     
	.two-col .content-teaser-block .content-block h3 {
		font-size:28px; 
		line-height:30px;
 	}

  	.two-col .content-teaser-block .content-block .body-1 {
		font-size:15px;
		line-height:22px;
		margin-bottom:10px
	
 	}

  	.two-col  .content-teaser-block .content-block .cta-wrapper {
		padding-bottom:30px;
	}

	

  .three-col{ 
    padding:60px 0;
    margin:0!important;
	  background:#D0CEC0;
    }

 .three-col .content-teaser-block{
    background:#ffffff; 
    box-shadow: 1px 1px 10px #d8d8d8; 
    margin-bottom:0;
    }

	.three-col .content-teaser-block .content-block{
		padding:0 20px;
  	}
     
	.three-col .content-teaser-block .content-block h3 {
		font-size:28px; 
		line-height:30px;
  	}

	.three-col .content-teaser-block .content-block .body-1 {
		font-size:15px; 
		line-height:22px; 
	
  	}

  	.three-col .content-teaser-block .content-block .cta-wrapper {
		padding-bottom:20px;
	}

.real_kitchens {
color : #28343d;
width : 100%;
text-align : center;
background : #FFFFFF;
padding : 60px 0;
}
.olapic_title {
font-weight : bold;
font-size : 38px;
line-height : 50px;
}
.olapic_subtitle {
font-weight : 100;
font-size : 22px;
line-height : 36px;
}
.olapic {
text-align : center;
display : flex;
justify-content : center;
padding: 15px 0 30px 0;
}
.gallery_container {
display : flex;
justify-content : center;
max-width : 1510px;
overflow : hidden;
margin-right : 2.875rem;
margin-left : 2.875rem;
}
.gallery_container > div {
margin : 10px 15px;
min-height : 275px;
min-width : 275px;
background-size : cover;
-webkit-box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.15);
-moz-box-shadow: 2px 2px 8px -1px rgba(0,0,0,0.15);
box-shadow : 2px 2px 8px -1px rgb(0, 0, 0, 0.15);
}

.pic1 {
background : url(/-/media/Images/Brand/Oake-Gray/olapic_01.jpg) no-repeat;
}
.pic2 {
background : url(/-/media/Images/Brand/Oake-Gray/olapic_02.jpg) no-repeat;
}
.pic3 {
background : url(/-/media/Images/Brand/Oake-Gray/olapic_03.jpg) no-repeat;
}
.pic4 {
background : url(/-/media/Images/Brand/Oake-Gray/olapic_04.jpg) no-repeat;
}
.pic5 {
background : url(/-/media/Images/Brand/Oake-Gray/olapic_05.jpg) no-repeat;
margin : 0;
}
.gallery_button {
display : flex;
font-weight : 600;
justify-content : center;
line-height : 48px;
border-radius : 24px;
background : #28343D;
padding : 0 15px;
margin : 0 auto;
width : 320px;
letter-spacing : 2.2px;
font-size : 14px;
color : #ffffff;
text-decoration : none;
}

.gallery_button img {
width : 8px;
height : 10px;
padding : 19px 0 0 6px;
}

.hero_editorial{
display: flex;
    align-items: center;
    justify-content: center;
    height: 500px;
    width: 100%;
}

.hero_image{
width : 100%;
background : url("/-/media/images/Brand/Oake-Gray/desktop_ultra.jpg");
background-repeat : no-repeat;
background-position : bottom center;
background-size : cover;
height : 500px;
}


@media only screen and (max-width: 2560px) {

.hero_image {
background : url("/-/media/images/Brand/Oake-Gray/desktop_wide.jpg");
background-repeat : no-repeat;
background-position : bottom center;
}
}


@media screen and (max-width: 1600px) {
	
.hero_editorial{
height : 450px;
}

.hero_image {
background : url("/-/media/images/Brand/Oake-Gray/desktop.jpg");
height : 450px;
background-repeat : no-repeat;
background-position : bottom center;
}

}
@media screen and (max-width: 1366px) {

	.hero_editorial {
height : 350px;

}

.hero_image {
background : url("/-/media/images/Brand/Oake-Gray/laptop.jpg");
height : 350px;
background-repeat : no-repeat;
background-position : bottom center;
}

}


@media(max-width: 1200px) {

.important_message .message_wrap {
    width: 1023px;
    padding: 30px 0;
  }

 .important_message .message_wrap .image_block {
    width: 450px;
    height: 253px;
     margin: 0 24px 0 24px;
  }
 .important_message .message_wrap .message {
    width: 452px;
    margin:0 auto;
  }
 
.real_kitchens {
padding : 40px 0 48px 0;
}
.gallery_container {
max-width : 1200px;
overflow : hidden;
margin-right : 2.875rem;
margin-left : 2.875rem;
}
.gallery_container > div {
min-height : 226px;
min-width : 226px;
background-size : cover;
}

.two-col .content-teaser-block .content-block h3  {
		font-size:22px; 
		line-height:25px;
	}

  	.three-col .content-teaser-block .content-block h3 {
		font-size:22px; 
		line-height:25px;
  		height:auto;
 	 }
 

    
	.three-col .content-teaser-block .content-block .body-1 {
		height:auto;
 	 }
         
  }
    

}

@media only screen and (max-width: 1023px) {
.important_message .message_wrap {
      width: 767px;
    padding: 24px 0;
    display: flex;
  }
  .important_message .message_wrap .image_block  {
    width: 340px;
        height: 191px;
    margin: 0 16px;
  }
 .important_message .message_wrap .message {
    width: 360px;
  }
   .important_message .message_wrap .message .button {
    line-height: 34px;
    padding: 0 8px;
    margin:  0 auto;
    width: 280px;
    font-size: 11px;
  }

   .important_message .message_wrap .message .title {
    font-size: 22px;
    line-height: 28px;
  }

   .important_message .message_wrap .message p {
    font-size: 14px;
    line-height: 22px;
    padding: 4px ;
  }

.hero_image {
background : url("/-/media/images/Brand/Oake-Gray/tablet.jpg");
background-repeat : no-repeat;
background-position : bottom center;
height : 350px;
}
.gallery_container {
max-width : 954px;
overflow : hidden;
}
.olapic_title {
font-weight : bold;
font-size : 25px;
line-height : 30px;
}
.olapic_subtitle {
font-weight : 100;
font-size : 18px;
line-height : 36px;
}
.gallery_container > div {
margin : 8px 12px;
min-height : 162px;
min-width : 162px;
background-size : cover;
}
.gallery_button {
display : flex;
font-weight : 600;
justify-content : center;
line-height : 34px;
border-radius : 24px;
background : #28343D;
padding : 0 15px;
margin : 0 auto;
width : 280px;
letter-spacing : 2.2px;
font-size : 11px;
color : #ffffff;
text-decoration : none;
}
.gallery_button img {
width : 8px;
height : 10px;
padding : 12px 0 0 6px;
}
.olapic {
padding:8px 0 24px 0;
}

.two-col .content-teaser-block .content-block .body-1  {
	height:auto;
	font-size:13px;
	line-height:20px;
	margin-bottom:8px;
	}



  .content-teaser h2 {
    margin-bottom:16px !important;
     margin-top:0 !important;
}

     
 
      }

@media only screen and (max-width: 980px) {
.two-col{
 	 	padding: 48px 0; 
	}
	

	
		.three-col{
		padding:48px 0;
	}
	

	.content-teaser-block .content-block h3  {
		font-size:18px; 
		line-height:22px;
	}

	.content-teaser-block .content-block .body-1 {
		   height: auto;
    		font-size: 13px;
   		line-height: 20px;
 	 }

}

 	
	

@media only screen and (max-width: 767px) {
 .important_message .message_wrap {
    width: 100%;
        flex-direction: column;
    padding: 16px 0;
    margin: 0 auto;
    height: auto;
  }

  .important_message .message_wrap .image_block {
    width: 343px;
    height: 193px;
    margin: 0 auto;
  } 
  .important_message .message_wrap .message {
    margin: 10px auto;
    width: 343px;
    text-align: center;
  }

  .important_message .message_wrap .message .button {
    margin: 4px auto 0;
    width: 280px;
  }
     .important_message .message_wrap .message p {
    line-height: 20px;
  }
.hero_editorial {
height : 250px;
}

.hero_image {
background : url("/-/media/images/Brand/Oake-Gray/mobile_l.jpg");
background-repeat : no-repeat;
background-position : bottom center;
height : 250px;
}
.real_kitchens {
padding : 24px 0 32px 0;
}
.gallery_container {
width : 735px;
height : 140px;
overflow : hidden;
margin-left : 24px;
margin-right : 24px;
}
.gallery_container > div {
margin : 8px;
min-height : 128px;
min-width : 128px;
background-size : cover;
}
.gallery_button {
width : 250px;
}
.two-col{
 	 	padding:0 0 48px 0; 
	}
                   
	.two-col .content-teaser-block .content-block .body-1 { 
		height:auto; 
		margin-bottom: 12px;
  	}


	.three-col{
   		 padding:24px 0;
  	}

   	 .three-col .content-teaser-block{
    		background:#ffffff; 
    		box-shadow: 1px 1px 10px #d8d8d8; 
    		margin-bottom:24px!important;
   	 }
    .content-teaser h2 {
      margin-bottom:8px !important;
     margin-top:32px !important;
}
               
  	.three-col .content-teaser-block .content-block h3 {
  		height:auto;
   	 }

  	 .three-col .content-teaser-block .content-block .body-1 { 
		height:auto; 
    	}

}


@media only screen and (max-width: 440px) {
.hero_image {
background : url("/-/media/images/Brand/Oake-Gray/mobile_m.jpg");
background-repeat : no-repeat;
background-position : bottom center;
height : 240px;
}

.important_message .message_wrap {
        margin: 8px auto 0 auto;
  }

}
@media only screen and (max-width: 375px) {
	.hero_editorial {
		height : 308px;
}
.hero_image {
background : url("/-/media/images/Brand/Oake-Gray/mobile_s.jpg");
	background-position: bottom center;
height : 240px;
}
  .important_message .message_wrap .image_block {
   width: 320px;
   margin: 0 auto;
    height: 192px;
  } 
  .important_message .message_wrap .message {
   width: 320px;
   margin: 16px auto 16px auto;
  }

}