html, body{
	width: 100%;
	height: 100%;
}
body{
	margin: 0px;
	background-color: #000000;
	background-size: 50%;
	background-image: url("../img/temp_bg.jpg");
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
.f_box{
	margin-left: 0pt;
	margin-top: 5pt;
	text-align: center;
	width: 100%;
	color: #555;
	font-size: 60px;
}
.red{
	color: #7e1111;
}
.bt_box{
	position: fixed;
	left: 15pt;
	bottom: 15pt;
	color: #ccc;
	font-family: sans-serif;
}
.bt_box:a, .bt_box:link{
	text-decoration: none;
	color: #fff;
}
/*body{
	color: #555;
	font-size: 60px;
	background-size: 50%;
	background-image: url("../img/temp_bg.jpg");
	background-color: #000000;
	background-repeat: no-repeat;
	background-position: 100% 100%;
}
.f_box{
	margin-left: 0pt;
	margin-top: 5pt;
	text-align: center;
	width: 100%;
}
.s_box{
	margin-left: 0pt;
	text-align: center;
	width: 100%;
	font-size: 40px;
}
*/
.image-container {
	width: 500px;
	/*height: 300px;*/
	overflow: hidden;
	margin: 20px auto;
	border: 2px solid #ccc;
	position: relative;
}

.image-wrapper {
	display: flex;
	height: 100%;
	transition: transform 0.5s ease-in-out;
}

.image-wrapper img {
	min-width: 100%;
	height: 100%;
	object-fit: cover;
	flex-shrink: 0;
}
/*
@media (min-width: 1000px){
	html, body{
		background-size: 25%;
	}
	.f_box{
	margin-left: 5pt;
	margin-top: 5pt;
	}
	.s_box{
		margin-left: 70pt;
	}
}*/