.hero {
	background-image: url(../images/Dove.jpg);
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center;
	
}

.sermon-link{
 margin-top: 30px;
 margin-bottom: 30px;
}

.year-nav-links{
 display: flex;
 justify-content: center;
 margin-bottom: 40px;
}

.scroll-wrapper{
 display: inline-flex;
 overflow: auto;
 max-width: 80%;
}

.sermon-year{
 background-color: inherit;
 font-size: 16px;
 border: none;
 padding-right: 10px;
 padding-left: 10px;
}

.sermon-year:hover, .selected-sermon-year{
 text-decoration: underline;
 color: #800;
}

.selected-sermon-year:hover{
 text-decoration: none;
}