@import url('https://fonts.googleapis.com/css?family=Bowlby+One+SC&display=swap');

#logo {
	width: 100%;
	max-width: 700px;
	display: block;
}

.hero {
	background:
    /* top, transparent red, faked with gradient */
    linear-gradient(
      rgba(29, 125, 203, 1),
      rgba(30, 126, 206, 0.80)
    ),
    /* bottom, image */
    url('/images/hrc-bg.png')no-repeat top center;
	background-size: cover;
}

.material-icons {
	font-size: .9em;
	vertical-align: middle;
}

.material-icons.star-rating {
	font-size: 1.4em;
	margin: 8px 4px;
}

h1, h2 {
	font-family: 'Bowlby One SC', cursive;
	color: #007bff;
}