Как сделать так, чтобы фон сужался только справа и слева?

*{ 
  padding: 0; 
  margin: 0; 
  box-sizing: border-box; 
} 
header{ 
  background: #ccc; 
  min-height: 100px; 
} 
section{ 
  position: relative; 
  background: #279FA1; 
  min-height: 200px; 
} 
section:before{ 
  content: ''; 
  position: absolute; bottom: 100%; left: 50%; 
  margin-left: -15px; 
  width: 0; 
  height: 0; 
  border-style: solid; 
  border-width: 0 15px 10px 15px; 
  border-color: transparent transparent #279FA1 transparent; 
  z-index: 99; 
}

<header></header> 
<section></section>