.banner {
	min-height: calc(60vw / 2.4);
    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;
    h1 {
        margin-left: auto;
        margin-right: auto;
        text-align: center;
		word-break: break-all;
    }
}

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

}
@media (min-width: 1024px) {
	.banner {
		max-width: 1024px;
		margin-left: auto;
		margin-right: auto;
	}

}
@media (min-width: 1280px) {
	.banner {
		max-width: 1280px;
		margin-left: auto;
		margin-right: auto;
	}

}
@media (min-width: 1920px) {
	.banner {
		max-width: 1920px;
		margin-left: auto;
		margin-right: auto;
	}

}