#preview {
	display: block;
}
	
@media screen and (min-width : 320px) and (max-width : 479px) {
	#preview { display: none; }
}
@media screen and (min-width : 480px) and (max-width : 767px) {
	#preview { display: none; }
}
@media screen and (min-width : 768px) and (max-width : 992px) {
	#preview { }
}

#art_home {
}

	#art_home .pg_title {
		color: #383838;
	}

	.obj_item {
		position: relative;
		width: 564px:
		height: auto;
		padding: 20px;
		box-shadow: 0 6px 38px -12px rgba(0, 0, 0, 0.3), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
		margin-top: 30px;
	}
	
	@media screen and (min-width : 320px) and (max-width : 479px) {
		.obj_item { width: 280px; padding: 10px; text-align: center; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		.obj_item { width: 440px; padding: 10px; text-align: center; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		.obj_item { width: 348px; }
	}

	.obj_item:first-child {
		margin-top: 0;
	}
		
		.obj_img {
			position: relative;
			display: inline-block;
			width: 240px;
			height: 180px;
			margin: 0;
			margin-right: 16px;
			box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.3), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
			margin-top: -30px;
		}
	
		@media screen and (min-width : 320px) and (max-width : 479px) {
			.obj_img { display: block; margin-right: 0; margin-top: -20px; margin-left: 20px; }
		}
		@media screen and (min-width : 480px) and (max-width : 767px) {
			.obj_img { display: block; margin-right: 0; margin-top: -20px; margin-left: 100px; }
		}
		@media screen and (min-width : 768px) and (max-width : 992px) {
			.obj_img { display: block; }
		}
		
		.obj_img img {
			object-fit: cover;
			width: 240px;
			height: 180px;
		}
		
		.obj_info {
			display: inline-block;
			vertical-align: top;
			width: 304px;
		}
	
		@media screen and (min-width : 320px) and (max-width : 479px) {
			.obj_info { display: block; width: 280px; margin-top: 20px; }
		}
		@media screen and (min-width : 480px) and (max-width : 767px) {
			.obj_info { display: block; width: 440px; margin-top: 20px; }
		}
		@media screen and (min-width : 768px) and (max-width : 992px) {
			.obj_info { display: block; margin-top: 20px; width: 348px; }
		}
		
			.obj_cat {
				/*color: rgba(254,133,36,1);*/
				color: #000000;
				font-size: 12px;
				text-transform: uppercase;
				margin-top: -3px;
				margin-bottom: 6px;
			}
		
				.obj_cat a {
					/*color: rgba(56,56,56,1);*/
					color: #000000;
					text-decoration: none;
					transition: color 0.3s linear;
					-webkit-transition: color 0.3s linear;
					-moz-transition: color 0.3s linear;
				}
		
				.obj_cat a:hover {
					color: rgba(56,56,56,0.7);
				}
		
			.obj_title {
				text-transform: uppercase;
				font-weight: 500;
				font-family: 'Montserrat', sans-serif;
				font-display: swap;
				margin-bottom: 6px;
			}
			
			.obj_text {
			}
			
		.read_more {
			margin-top: 10px;
			width: 118px;
		}
	
		@media screen and (min-width : 320px) and (max-width : 479px) {
			.read_more { margin-left: 80px; }
		}
		@media screen and (min-width : 480px) and (max-width : 767px) {
			.read_more { margin-left: 160px; }
		}
		@media screen and (min-width : 768px) and (max-width : 992px) {
			.read_more { }
		}
		
	#top_content {
		position: relative;
		width: 904px;
		height: auto;
		margin: 0 40px 40px 40px;
		background: rgba(0,0,0,0.1);
		padding: 20px;
	}
	
	@media screen and (min-width : 320px) and (max-width : 479px) {
		#top_content { margin: 0 10px 20px 10px; padding: 10px; width: 280px; }
	}
	@media screen and (min-width : 480px) and (max-width : 767px) {
		#top_content { margin: 0 10px 20px 10px; padding: 10px; width: 440px; }
	}
	@media screen and (min-width : 768px) and (max-width : 992px) {
		#top_content { margin: 0 20px 40px 20px; width: 688px; }
	}
	
		.top_content_text {
			display: inline-block;
			width: 744px;
			height: auto;
			margin-right: 16px;
			text-align: right;
			vertical-align: middle;
		}
	
		@media screen and (min-width : 320px) and (max-width : 479px) {
			.top_content_text { display: block; width: 280px; margin-right: 0; text-align: center; margin-bottom: 10px; }
		}
		@media screen and (min-width : 480px) and (max-width : 767px) {
			.top_content_text { width: 280px; }
		}
		@media screen and (min-width : 768px) and (max-width : 992px) {
			.top_content_text { width: 528px; }
		}
	
			.top_content_text .read_more {
				margin-left: 624px;
			}
	
			@media screen and (min-width : 320px) and (max-width : 479px) {
				.top_content_text .read_more { margin-left: 80px; }
			}
			@media screen and (min-width : 480px) and (max-width : 767px) {
				.top_content_text .read_more { margin-left: 160px; }
			}
			@media screen and (min-width : 768px) and (max-width : 992px) {
				.top_content_text .read_more { margin-left: 408px; }
			}
		
			.top_content_text .pg_title a {
				text-decoration: none;
				/*color: rgba(254,133,36,1);*/
				color: #383838;
				transition: color 0.5s linear;
   			-webkit-transition: color 0.5s linear;
   			-moz-transition: color 0.5s linear;
			}
		
			.top_content_text .pg_title a:hover {
				color: rgba(57,57,57,1);
			}
			
			.top_content_text .fa-quote-left {
				margin-right: 5px;
			}
			
			.top_content_text .fa-quote-right {
				margin-left: 5px;
			}
	
		.top_content_img {
			display: inline-block;
			width: 140px;
			height: 140px;
			vertical-align: middle;
			box-shadow: 0 16px 38px -12px rgba(0, 0, 0, 0.56), 0 4px 25px 0 rgba(0, 0, 0, 0.12), 0 8px 10px -5px rgba(0, 0, 0, 0.2);
		}
	
		@media screen and (min-width : 320px) and (max-width : 479px) {
			.top_content_img { display: block; margin-left: 70px; }
		}
		@media screen and (min-width : 480px) and (max-width : 767px) {
			.top_content_img { }
		}
		@media screen and (min-width : 768px) and (max-width : 992px) {
			.top_content_img { }
		}
	
		.top_content_img img {
			object-fit: cover;
			width: 140px;
			height: 140px;
		}