*{
    font-family: 'Verdana', sans-serif;
    font-size: 16px;
    color: #222;
}
html, body{
    margin: 0;
    height: 100vh;
    text-align: center;
}
Link Colors 
a:link { color: #6b2e11 }
a:visited { color: #6b2e11 }
a:hover { color: #657ea7 }
a:active { color: #6b2e11 }
p { 
     color:#512421;
}
h2 { 
     color:#6b2e11;
}
h3 { 
     color:#512421;
}

.header{
    background-image: url(./img/kencarverhome.jpg);
    background-repeat: no-repeat;
    background-position: 50% 60%;
    background-attachment: scroll;
    background-size: cover;
    height: 50vh;
    margin: 0;
    padding-top: 20vh;
}
.heading {
    color: #ffffff;
    display: block;
    font-family: 'Verdana', sans-serif;
    font-size: 6em;
    font-weight: normal;
    text-shadow: 0 0 10px #000;
}
.heading-subtext{
    color: #fff;
    display: block;
    font-family: 'Verdana', sans-serif;
    font-size: .6em;
}
.fixed-button{
    background: rgba(20,20,20,.5);
    border-radius: 1em;
    bottom: 1em;
    color: white;
    font-weight: bold;
    padding: 1em;
    position: fixed;
    right: 1em;
    text-decoration: none;
    z-index: 9999;
}
.fixed-button::after{
    content: "\25BE";
    display: block;
    font-size: 28px;
    line-height: 0;
    margin-bottom: 6px;
    margin-top: 10px;
    text-align: center;
}
.fixed-button:active,
.fixed-button:hover{
    background: rgba(20,20,20,.9);
}
.section{
	/* Specifying auto as the second parameter basically tells the browser to automatically determine the left and right margins itself, which it does by setting them equally. 
	It guarantees that the left and right margins will be set to the same size. The first parameter 0 indicates that the top and bottom margins will both be set to 0. 
	margin-top: 0;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    */
    margin: 0 auto;
    max-width: 800px;
	/* 
	max-width: 600px;
	section#menu {padding-bottom:50px;}
    section#gallery {padding-top:50px;
	padding-bottom:10px;
	padding-top:10px;  
	padding: 1em 2.4em; 
	https://developer.mozilla.org/en-US/docs/Web/CSS/padding 
	*/
    padding: 1%;
}
.sub-heading{
    font-family: 'Verdana', sans-serif;
    font-size: 3em;
    margin-top: 2em;
}
.details{
    margin: 0 auto 3em;
}
.details-heading{
    font-weight: bold;
    /* text-transform: uppercase; */
}
.fas {
    font-size: 3em;
    opacity: .8;
}
.gallery-image{
	width: 100%;
}

@media only screen and (max-width: 600px) {
    .heading {
        font-size: 4em;
    }
  }