html, body { font-size:14px;line-height:18px;height:100%;color:#000;background: #fff; font-family: 'Poppins', sans-serif; }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, ul, p, blockquote, pre, a, big, em, img, q, small, strong, tt, var, b, u, i, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0;margin: 0;outline: 0;padding: 0; }

@media screen and (min-width: 1001px) and (max-width: 10000px) {
.home {
	float:left;
	width:100%;
	height:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	display: grid;
	grid-column-gap: 10px;
	grid-row-gap: 0px;

	grid-template-columns: repeat(2, 1fr);
	
	overflow:hidden;
}
	.homeMain {
		float: left;
		position: absolute;
		top: 0;
		left: 50%;
		padding: 1vw 4vw 1vw 4vw;

		background: #f3f3f3;

			transform: translate(-50%, 0%);

		z-index: 6;

		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;
	}
		.homeMain__logo {
			float: left;
			width: 8vw;
			position: relative;
		}
		.homeMain__header {
			float:left;
			width:100%;
			margin:1vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #072a52;
			font-size: 1.2vw;
			line-height:1.2vw;
			font-weight: 700;
			text-align:center;
		}
		.homeMain__more {
			float:left;
			position:relative;
			margin:1vw 0px 0vw 0px;
			padding:0px 1.5vw 0px 1.5vw;
			color: #fff;
			font-size: 0.7vw;
			font-weight: 500;
			line-height: 2.3vw;
			border:0px solid #c6d1d5;
			background-color: #0a2a53; 
			border-radius: 2vw;

			z-index: 4;
		}
	.home .box {
		float:left;
		width:100%;
		height:100%;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		position:relative;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-end;
		align-content: flex-end;

		z-index: 4;

		&:before {
			content: '';
			float: left;
			width: 100%;
			height: 100%;

			position: absolute;
			left: 0;
			bottom: 0;

			background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);

			z-index: 0;
		}
	}
	.home .box__1 {
		background: url(images/boxLeft-1.jpg?ver=1) center no-repeat;
		background-size: cover;
	}
	.home .box__2 {
		background: url(images/boxRight-1.jpg?ver=2) center no-repeat;
		background-size: cover;
	}
			.home .box:hover .more {
				color: #fff;
				background:#cd9341;
			}
			.home .box__2:hover .more {
				color: #fff;
				background:#186a18;
			}
		.home .box .box__header {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #fff;
			font-size: 1.6vw;
			line-height:1.2vw;
			font-weight: 700;
			text-align:center;

			z-index: 4;
		}
		.home .box h2 {
			float:left;
			width:100%;
			margin:0.5vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #cd9341;
			font-size: 1.5vw;
			line-height: 1.9vw;
			font-weight: 400;
			text-align:center;

			z-index: 4;
		}
		.home .more {
			float:left;
			position:relative;
			margin:1.5vw 0px 3vw 0px;
			padding:0px 2vw 0px 2vw;
			color: #fff;
			font-size: 0.9vw;
			font-weight: 500;
			line-height: 3vw;
			border:0px solid #c6d1d5;
			background-color: #0a2a53; 
			border-radius: 2vw;

			z-index: 4;
		}

		.home .box__2 h2 {
			color:#186a18;
		}
		.home .box__2 .more {
			color: #fff;
			background-color: #0a2a53;
		}
}

@media screen and (min-width: 651px) and (max-width: 1000px) {
.home {
	float:left;
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	overflow:hidden;
}
	.homeMain {
		float: left;
		width: 100%;
		height: 35vw;
		position: relative;
		padding: 0vw 4vw 0vw 4vw;

		background: #f3f3f3;

		z-index: 6;

		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;

		box-sizing: border-box;
	}
		.homeMain__logo {
			float: left;
			width: 13vw;
			position: relative;
		}
		.homeMain__header {
			float:left;
			width:100%;
			margin:1vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #072a52;
			font-size: 2.5vw;
			line-height:5vw;
			font-weight: 700;
			text-align:center;
		}
		.homeMain__more {
			float:left;
			position:relative;
			margin:1vw 0px 0vw 0px;
			padding:0px 3.5vw 0px 3.5vw;
			color: #fff;
			font-size: 1.5vw;
			font-weight: 500;
			line-height: 4vw;
			border:0px solid #c6d1d5;
			background-color: #0a2a53; 
			border-radius: 6vw;

			z-index: 4;
		}
	.home .box {
		float:left;
		width:50%;
		height: 35vw;
		margin:0px 0px 0px 0px;
		padding:8vw 0px 8vw 0px;
		position:relative;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-end;
		align-content: flex-end;

		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;

		z-index: 4;

		&:before {
			content: '';
			float: left;
			width: 100%;
			height: 100%;

			position: absolute;
			left: 0;
			bottom: 0;

			background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);

			z-index: 0;
		}
	}
	.home .box__1 {
		background: url(images/boxLeft-1.jpg?ver=1) center no-repeat;
		background-size: cover;
	}
	.home .box__2 {
		background: url(images/boxRight-1.jpg?ver=2) center no-repeat;
		background-size: cover;
	}
			.home .box:hover .more {
				color: #fff;
				background:#cd9341;
			}
			.home .box__2:hover .more {
				color: #fff;
				background:#186a18;
			}
		.home .box .box__header {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #fff;
			font-size: 2vw;
			line-height:2vw;
			font-weight: 700;
			text-align:center;

			z-index: 4;
		}
		.home .box h2 {
			float:left;
			width:100%;
			margin:0.2vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #cd9341;
			font-size: 2vw;
			line-height: 3vw;
			font-weight: 400;
			text-align:center;

			z-index: 4;
		}
		.home .more {
			float:left;
			position:relative;
			margin:1vw 0px 0vw 0px;
			padding:0px 3.5vw 0px 3.5vw;
			color: #fff;
			font-size: 1.5vw;
			font-weight: 500;
			line-height: 4vw;
			border:0px solid #c6d1d5;
			background-color: #0a2a53; 
			border-radius: 6vw;

			z-index: 4;
		}

		.home .box__2 h2 {
			color:#186a18;
		}
		.home .box__2 .more {
			color: #fff;
			background-color: #0a2a53;
		}
}

@media screen and (min-width: 0px) and (max-width: 650px) {
.home {
	float:left;
	width:100%;
	height: 100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	box-sizing: border-box;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	
	overflow:hidden;
}
	.homeMain {
		float: left;
		width: 100%;
		height: 34%;
		position: relative;
		padding: 0vw 4vw 0vw 4vw;

		background: #f3f3f3;

		z-index: 6;

		display:flex;
		flex-direction:column;
		flex-wrap:wrap;
		justify-content:center;
		align-items:center;
		align-content:center;

		box-sizing: border-box;
	}
		.homeMain__logo {
			float: left;
			width: 25vw;
			position: relative;
		}
		.homeMain__header {
			float:left;
			width:100%;
			margin:1vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #072a52;
			font-size: 4vw;
			line-height:8vw;
			font-weight: 700;
			text-align:center;
		}
		.homeMain__more {
			float:left;
			position:relative;
			margin:2vw 0px 0vw 0px;
			padding:0px 5.5vw 0px 5.5vw;
			color: #fff;
			font-size: 3vw;
			font-weight: 500;
			line-height: 10vw;
			border:0px solid #c6d1d5;
			background-color: #0a2a53; 
			border-radius: 6vw;

			z-index: 4;
		}
	.home .box {
		float:left;
		width:100%;
		height: 33%;
		margin:0px 0px 0px 0px;
		padding:8vw 0px 8vw 0px;
		position:relative;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		justify-content: center;
		align-items: flex-end;
		align-content: flex-end;

		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;

		z-index: 4;

		&:before {
			content: '';
			float: left;
			width: 100%;
			height: 100%;

			position: absolute;
			left: 0;
			bottom: 0;

			background: linear-gradient(0deg,rgba(0, 0, 0, 1) 0%, rgba(255, 255, 255, 0) 100%);

			z-index: 0;
		}
	}
	.home .box__1 {
		background: url(images/boxLeft-1.jpg?ver=1) center no-repeat;
		background-size: cover;
	}
	.home .box__2 {
		background: url(images/boxRight-1.jpg?ver=2) center no-repeat;
		background-size: cover;
	}
			.home .box:hover .more {
				color: #fff;
				background:#cd9341;
			}
			.home .box__2:hover .more {
				color: #fff;
				background:#186a18;
			}
		.home .box .box__header {
			float:left;
			width:100%;
			margin:0px 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #fff;
			font-size: 4vw;
			line-height:5vw;
			font-weight: 700;
			text-align:center;

			z-index: 4;
		}
		.home .box h2 {
			float:left;
			width:100%;
			margin:0.5vw 0px 0px 0px;
			padding:0px 0px 0px 0px;
			color: #cd9341;
			font-size: 5vw;
			line-height: 7vw;
			font-weight: 400;
			text-align:center;

			z-index: 4;
		}
		.home .more {
			float:left;
			position:relative;
			margin:2vw 0px 0vw 0px;
			padding:0px 5.5vw 0px 5.5vw;
			color: #fff;
			font-size: 3vw;
			font-weight: 500;
			line-height: 10vw;
			border:0px solid #c6d1d5;
			background-color: #0a2a53; 
			border-radius: 6vw;

			z-index: 4;
		}

		.home .box__2 h2 {
			color:#186a18;
		}
		.home .box__2 .more {
			color: #fff;
			background-color: #0a2a53;
		}
}