body {
            font-family: 'Titillium Web', sans-serif;
        }

        .hero {
            position: relative;
            height: 100vh;
            background: linear-gradient(to bottom, #7a8d7c 0%, rgba(122, 141, 124, 0.30) 20%, rgba(122, 141, 124, 0.30) 80%, #7a8d7c 100%), url('/display_piece.jpg') no-repeat center center/cover;
			display:flex;
			flex-direction:column;
			justify-content:flex-end;
			align-items:flex-end;
			
        }
		
		.hero.story
		{
			background: linear-gradient(to bottom, #7a8d7c 0%, rgba(122, 141, 124, 0.30) 20%, rgba(122, 141, 124, 0.30) 80%, #7a8d7c 100%), url('/display_piece-story.jpg') no-repeat center center/cover;
		}
		
		.hero.miniatures
		{
			background: linear-gradient(to bottom, #7a8d7c 0%, rgba(122, 141, 124, 0.30) 20%, rgba(122, 141, 124, 0.30) 80%, #7a8d7c 100%), url('/display_piece_minis.jpg') no-repeat center center/cover;
		}



        .hero .content {
            background: #b0b0b0;
            color: #000000;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
            z-index: 2;
            border: 2px solid #003200;
            width: 60%;
			margin-right:50px;
			margin-bottom:20px;
        }

        .hero .content a {
            background: #004000;
            color: white;
            border: none;
            border-radius: 4px;
            padding: 10px 20px;
        }

        .hero .content a:hover {
            background: #003200;
            color: white;
        }

        .products-section, .story-block {
            background: #7a8d7c;
            padding: 50px 15px;
        }

        .product {
            background: #b0b0b0;
            padding: 20px;
            border-radius: 8px;
            box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
            border: 2px solid #003200;
        }

        .product img {
            width: 35%;
            border-radius: 8px;
        }

        .product-content a {
            background: #004000;
            color: white;
            border: none;
            border-radius: 4px;
            padding: 10px 20px;
        }
		
		.story-block a
		{
			background: #004000;
            color: white;
            border: none;
            border-radius: 4px;
            padding: 10px 20px;
		}

		.story-block a:hover
		{
			background-color:#535e53;
		}

        .product-content a:hover {
            background: #003200;
            color: white;
        }

        .header_section {
            text-align: center;
            padding: 15px 0;
            background: rgba(0, 64, 0, 0.8);
            color: white;
        }


        .footer {
            text-align: center;
            padding: 15px 0;
            background: rgba(0, 64, 0, 0.8);
            color: white;
        }
		
		.nav-bar
		{
			width:100%;
			background-color: rgba(0, 64, 0, 0.8);
			color:white;
			padding:15px 0px;
			position: absolute;
		  top: 0px;
		  left: 0px;
		}
		
		.nav-bar-menu
		{
			max-width:1440px;
			margin-right:auto;
			margin-left:auto;
			text-align:center;
			color:#fff;
		}
		
		.nav-bar-menu a
		{
			font-size:16px;
			margin-right:15px;
			margin-left:15px;
			text-decoration:none;
			color:#fff;
		}
		
		.story-block img
		{
			max-width:960px;
			margin-right:auto;
			margin-left:auto;
			margin-bottom:25px;
			display:block;
		}
		
		.story-block p
		{
			color:#fff;
			font-size:24px;
			line-height:30px;
			max-width:960px;
			text-align:center;
			margin-right:auto;
			margin-left:auto;
		}