body {
    text-align: center;
}

h1.front-title {
    margin-bottom: 10px;
}

#title-upper, #title-mid, #title-lower {
    font-size: 36px;
}

#title span {
    display:block;
}

#title-upper {
    margin-bottom: -10px;
}

#title-mid {
    font-size: .8em;
}

@media (min-width:1000px) {
    #title span {
	display:inline;
    }
    #title-mid {
	font-size: 1em;
    }
}

img.hero {
    margin-top: 30px;
    border: 4px double var(--primary-color-1);
    border-radius: 50px 50px 0 0;
}