.banner {
	max-height: calc(100vh / 2.4);
    min-height: 10vw;
    display: flex;
    align-items: center;
    font-size: 115%;
    //box-shadow: inset 0px -11px 8px -10px #444;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: top center;
    display: flex;
    flex-direction: column;
    h1 {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
		word-break: break-all;
    }
}

@media (min-width: 640px) {
	.banner {
		width: 89%;
		margin-left: auto;
		margin-right: auto;
	}
}