﻿/* Home CSS*/
.hom_1{
	margin: 0 auto 0 auto;
	width: 156px;
	height: auto;
	float: none;
	text-align: center;
	z-index: auto;
	position: relative;
	padding: 0;
}
.hom_2{
	margin: 0 auto 0 auto;
	width: 100%;
	height: auto;
	float: none;
	text-align: center;
	z-index: auto;
	position: relative;
	color: yellow;
}
.hom_3{
	margin: 4% auto 4% auto;
	width: 100%;
	max-width: 304px;
	height: auto;
	float: none;
	text-align: center;
	z-index: auto;
	position: relative;
	padding: 0;
}
.hom_4{
	margin: 4% auto 0 auto;
	width: 100%;
	max-width: 429px;
	height: auto;
	float: none;
	text-align: center;
	z-index: auto;
	position: relative;
	padding: 0;
}
@media screen and (max-width: 900px) {
.hom_1{
	margin: 0 auto 0 auto;
	width: 156px;
	height: auto;
	float: none;
	text-align: center;
	z-index: auto;
	position: relative;
	padding: 0;
}
.hom_2{
	margin: 0 auto 0 auto;
	width: 100%;
	height: auto;
	float: none;
	text-align: center;
	z-index: auto;
	position: relative;
	color: yellow;
}
.hom_3{
	margin: 4% auto 4% auto;
	width: 100%;
	max-width: 304px;
	height: auto;
	float: none;
	text-align: center;
	z-index: auto;
	position: relative;
	padding: 0;
}
.hom_4{
	margin: 4% auto 0 auto;
	width: 100%;
	max-width: 429px;
	height: auto;
	float: none;
	text-align: center;
	z-index: auto;
	position: relative;
	padding: 0;
}
}
@media screen and (max-width: 600px) {
.hom_1{
	margin: 0 auto 0 auto;
	width: 156px;
	height: auto;
	float: none;
	text-align: center;
	z-index: auto;
	position: relative;
	padding: 0;
}
.hom_2{
	margin: 0 auto 0 auto;
	width: 100%;
	height: auto;
	float: none;
	text-align: center;
	z-index: auto;
	position: relative;
	color: yellow;
}
.hom_3{
	margin: 4% auto 4% auto;
	width: 100%;
	max-width: 304px;
	height: auto;
	float: none;
	text-align: center;
	z-index: auto;
	position: relative;
	padding: 0;
}
.hom_4{
	margin: 4% auto 0 auto;
	width: 100%;
	max-width: 429px;
	height: auto;
	float: none;
	text-align: center;
	z-index: auto;
	position: relative;
	padding: 0;
}
}




