.top-left {
	position: fixed;
	height: 260px;
	float: left;
	top: 0px;
}

.bottom-right {
	position: absolute;
	height: 330px;
	float: right;
	right: 0px;
	bottom: 0px;
}

@media only screen and (max-width: 375px) {
	.top-left {
		position: fixed;
		height: 180px;
	}

	.bottom-right {
		position: absolute;
		height: 210px;
	}
}

@media screen and (min-width: 320px) {
	.top-left {
		position: fixed;
		height: 130px;
	}

	.bottom-right {
		position: absolute;
		height: 170px;
	}
}

@media screen and (min-width: 768px) {
	.top-left {
		position: fixed;
		height: 250px;
	}

	.bottom-right {
		position: absolute;
		height: 390px;
	}
}

@media screen and (min-width: 992px) {
	.home-page {
	    padding-left: 80px;
	}
}

.header-logo {
	width: 50px;
}

.menu-title {
	padding-right: 20px;
	float: right;
	font-size: 14px;
	color: #65718d;
}

.copyright {
	margin: 15px 20px;
}

.login-alert {
	margin-right: 40px;
	margin-left: 40px;
	width: 100%;
}

.thumbnail-info {
	position: absolute;
	right: 40%;
	bottom: 15px;
	font-size: 14px;
}

.catalog-page {
	padding: 0px 5px;
	opacity: 0.15;
    transition: all 0.35s;
}

.catalog-page-show {
	opacity: 1;
}

@media screen and (min-width: 360px) {
	.catalog-page img {
		width: 340px;
	}
}

@media screen and (min-width: 375px) {
	.catalog-page img {
		width: 350px;
	}
}

@media screen and (min-width: 768px) {
	.catalog-page img {
		width: 730px;
	}
}

@media screen and (min-width: 1024px) {
	.catalog-page img {
		width: 600px;
	}
}

@media screen and (min-width: 1366px) {
	.catalog-page img {
		width: 600px;
	}
}