html, body {
	height: 100%;
	min-width: 320px;
	min-height: 240px;
}

body {
	padding: 0;
	margin: 0;
}

.flex-outter {
	height: 100%;
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	align-items: center;
	justify-content: center;
}

.flex-container {
	display: -webkit-box;
	display: -moz-box;
	display: -webkit-flex;
	display: -ms-flexbox;
    display: flex;
	width: 100%;
	align-items: center;
	justify-content: center;
}

.flex-container > div {
	width: auto;
}

.flex-container > div > a > img {
	object-fit: contain;
	width: 100%;
}

.image_full {
	object-fit: contain;
	width: 100%;
}

.image_mobile {
	display:none;
	object-fit: contain;
}

@media (max-width: 640px) and (min-width: 320px){
	.image_full {
		display:none;
	}
	.image_mobile {
		display:block;
	}
}

</style>