.banner {
    height: 22vh;
    display: flex;
    align-items: center;
    font-size: 115%;
    //box-shadow: inset 0px -11px 8px -10px #444;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    display: flex;
    flex-direction: column;
    align-content: center;
    
    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;
	}
}