/* v.1.0.0 */
/* comment */


* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

body{
	padding: 0 15px;
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
	background: #fbfcf8;
color: black;
}

.hero1 {
	background-image: url("https://images.unsplash.com/photo-1568640347023-a616a30bc3bd?crop=entropy&cs=srgb&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2ODQ1MTcyMTd8&ixlib=rb-4.0.3&q=85"); /*photo by okeykat for Unsplash */
	background-size: cover;
	background-position: center;
	text-align: center;
	padding: 100px 0;
	color: black;
	-webkit-text-stroke: 1px hotpink;
	text-stroke: 1px hotpink;
}

.hero1 h1,
.hero2 h1 {
	font-size: 3rem;
	margin-bottom: 0.5rem;
}

.hero1 p {
	font-size: 1.5rem;
}

h2 {
	padding: 2rem 0;
	font-size: 2rem;
}

.testimonial {
	margin: 0.5rem 0;
	border: 1px solid silver;
		padding: 15px;
	background: #fff;
}

.testimonial p {
	font-size: 1.2rem;
	margin-bottom: 0.5rem;

}

.hero2 {
	background-color: #8e9eb8;
	background-image: /* photo by Michael G for Unsplash */		url("https://images.unsplash.com/photo-1582798358481-d199fb7347bb?crop=entropy&cs=srgb&fm=jpg&ixid=M3wzMjM4NDZ8MHwxfHJhbmRvbXx8fHx8fHx8fDE2ODQ1MjQxMjJ8&ixlib=rb-4.0.3&q=85"); /* photo by Susan Q Yin for Unsplash */
	background-position: left, right;
	background-size: cover;
	background-blend-mode: hard-light;
	background-repeat: no-repeat;
	text-align: center;
	padding: 90px 0;
	color: white;
	text-shadow: 2px 1px 5px black;
}

.menu {
	display: flex;
	justify-content: space-around;
	/*padding: 0.5rem 0;*/
	border: 1px solid silver;
	margin-bottom: 100px;
	background: #fff;
}

.menu-item {
width: 33%;
text-align: center;
border: 1px solid silver;
	padding: 0.5rem;
	margin: 0.3%;
	text-align: left;
}



.menu-item h3 {
border-bottom: 3px double silver;
	padding: 5px 0;
text-align: center;
	margin-bottom: 15px;
}

.menu-item ul {
	list-style: none;
	font-size: 1.2rem;
}

@media all AND (max-width: 500px) {
	
.menu {
    flex-direction: column;
    align-items: center;
  }
	
	.menu-item {	
		width: 99%;

	}

}

/*https://stackoverflow.com/questions/7698764/custom-bullet-symbol-for-li-elements-in-ul-that-is-a-regular-character-and*/
li:before {
  content: "🦴";
  padding-right: 5px;

}