/* CSS Document */
main {
  .hero {
	 box-shadow:var(--box-shadow);
	 margin:0 20px;
	 background: url(../images/fences_hero.jpg) no-repeat center center / cover;
	 height:20vh;
	 display:grid;
	 align-items:center;
	 padding:20px;
	 
	 h1 {
     	font-size: 1.75rem;
		font-weight: bold;
		margin:0;
		padding: 0;
		line-height: 1.75rem; 
		color: #fff;
        text-shadow: 2px 2px 5px rgba(0, 0, 0, 0.75);
	 }
  }
  
  .fences {
	margin:0 20px;  
  }
}