.hero-body {
     background-size: cover;
     color: white;
     padding: 10px 20px;
     text-align: center;
     font-size: 24px;
     background-image: url("../img/backgroundheaderImage.jpg");
 }

 a {
     color: rgb(255, 255, 255);
     text-decoration: underline;
 }

 a:hover {
     color: rgb(184, 0, 0);
 }

 nav a {
     color: rgb(255, 255, 255);
     text-decoration: none;
     padding: 15px;
     font-size: large;
     font-family: Garamond, serif;
 }

 img {
     max-width: 100%;
     border-radius: 10px;
 }

 body,
 html {
     margin: 0;
     padding: 0;
     font-family: Arial, sans-serif;

 }


 main {


     text-align: center;
     min-height: 50vh;
     color: rgb(185, 185, 185);
 }

 footer {
     background-color: #43485c;
     text-align: center;
     color: white;
     font-size: 1.3rem;
 }

 h1,
 h2,
 h3,
 h4,
 h5,
 h6 {
     font-family: Garamond, serif;
     margin-bottom: 0;
     color: #ffffff;
 }

 h1 {
     font-size: 3.5rem;
 }

 h2 {
     font-size: 3rem;
 }

 h3 {
     font-size: 2.5rem;
     font-style: italic;
     padding: auto;
 }

 h4 {
     font-size: 2rem;
 }

 h5 {
     font-size: 1.5rem;
 }

 h6 {
     font-size: 1rem;
     font-style: italic;
     padding: auto;
 }


 .subtitle {
     color: #a80000;
     font-family: Garamond, serif;
     font-style: italic;
     font-weight: lighter;
     margin-bottom: 30px;
     margin-top: 0;
     font-size: inherit;
 }

 .navbar {
     background-color: #2d2d2d;
     color: rgb(52, 52, 52);
     justify-content: center;
 }

 #introduction {
     background-image: url("../img/shavings5.jpg");
     background-size: cover;
     background-repeat: repeat-y;
     background-attachment: fixed;
 }

 #woods {
     background-image: url("../img/shavings2.jpg");
     background-size: cover;
     background-repeat: repeat-y;
     background-attachment: fixed;
 }

 #customs {
     background-image: url("../img/shavings3.jpg");
     background-size: cover;
     background-repeat: repeat-y;
     background-attachment: fixed;
 }

 #finishes {
     background-image: url("../img/shavings1.jpg");
     background-size: cover;
     background-repeat: repeat-y;
     background-attachment: fixed;
 }



 #pitch {
     background-image: url("../img/shavings4.jpg");
     background-size: cover;
     background-repeat: repeat-y;
     background-attachment: fixed;

 }

 section {
     margin-top: 1rem;
     padding: 10px;
 }

 .box {
     background-color: #000000ba;
     border-radius: 10px;
     padding: 20px;

 }