*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	font-family: Arial, Helvetica, sans-serif;
  }

.spacer {
	margin-top: 5rem;
}

.ribbon {
	background-color: #d8d8d8;
}

.garden {
	background-color: #b0ebab;
}

h1{
	text-align: center;
	font-size: 3em;
	color: blue;
	margin: 15px 0 15px;
}

h2{
	text-align: center;
	color: rgb(64, 64, 250);
	margin: 15px 0 15px;
	font-size: 2em;
}

h3 {
    text-align: center;
	font-size: 2em;
	color: rgb(252, 236, 90);
	text-decoration: none;
}

.btn {
	background-color: rgb(157, 239, 250);
	margin: 1% auto;
	padding: 10px 0;
	width: 20em;
	cursor: pointer; 
	border-radius: 10px;
	box-shadow: 0px -7px 10px black;
	color: #000;
}

.btn a {
	color: #000;
	text-decoration: none;
}

.btn:hover {
	background-color: rgb(2, 219, 248);
}

.gallery{
	margin: 10px 50px;
	font-weight: 600;
}

.year_pic1 {
	text-align: center;
}

.gallery img{
	width: 230px;
	padding: 5px;
	filter: grayscale(0);
	transition: 1s;
}

.gallery img:hover{
	filter:grayscale(0);
	transform: scale(1.1);
}

.special{
	display: block;
	margin: 0 auto 0 auto;
}

p {
	text-align: center;
	font-family: arial, serif;
}


p.center2{
	margin: 1% 15% 1% 15%;
	font-size: 1.5em;
}

p.piclbl{
	margin: 1% 15% 0 15%;
	text-align: center;
	font-size: 1.2em;
}

.section-foot {
    margin-top: 0;
}

.section-footer p {
    font-size: 1.2rem;
    color: rgb(46, 46, 46);
    font-weight: 600;
    text-align: center;
}

.section-footer .btn {
	background-color: aquamarine;
	width: 15em;
		
}

.section-footer .btn:hover {
	background-color: rgb(19, 252, 174);
	width: 15em;
		
}

.photo {
    margin: 1% 3%;
    padding: 3% 3% 1% 3%;
}

.photo img {
    border-radius: 10px;
}

.one-photo {
    text-align: center;
}

.one-photo img.special {
    width: 100%;
}

.one-photo img.special:hover {
    filter:none;
	transform: none;
}

@media (max-width: 550px) {
    h1 {
		font-size: 2em;
	}
    
}