body{
	margin: 0 auto;
	}


body p {
	}

.BOX{
	position: relative;
	//width:40%;
	height:200px;
	float:left;
	overflow:hidden;
	background-color:#E8760C;//#FFFFCC;
	margin-top:30px;
	margin-left:20px;
	margin-left:20px;
	display:inline;
	}
.BOX{
	position: relative;
	width:	45vw;
	height:	30vh;
	float:	left;
	overflow:	hidden;
	background-color:#E8760C;
	margin-top:	5vh;
	//margin-bottom:	5vh;
	margin-left:3vw;
	display:inline;
	border-radius: 4px;
	}
.BOX h1{
	position: absolute;
	color:#20202f;
	font-size: 2em;
	//position: absolute;
	z-index:100;
	margin-left:10%;
	width:80%;
	//background-color:#000000;
	}
.BoxImg{
	position: absolute;
	top:   10%;
	right: 5%;
	float: right;
	height:80%;
	width: 90%;
	background-color:#000000;
	overflow:hidden
	}
.BoxImg img{
	position: absolute;
	//top: -12vw;
	bottom:-50%;//-100px;
	right: 0 px;
	float: right;
	height:auto;
	width: 100%;
	//text-align : center;
	//line-height : 50%;
	//vertical-align : middle;
	}	
.BOX_C img{
	bottom:-150px;
	}
.HEADER {
	margin: 0 auto;
	width: 100px;
	height: 200px;
	background-color: #4cd2ff;
	z-index: 100;
	}
.HEADER p{
	//text-align:right;
	}
.HeaderLogo{
	float: left;
	
	}
.HeaderInf{
	position: absolute;
	top: 0px;
	right: 20px;
	float: right;
	width: 413 px;
	font-size: 1em;
	//background-color: rgba(255,255,204,1.00);
	}
.HeaderInf2  {
	//position: absolute;
	top: 70px;
	//right: 20px;
	//width: 413 px;
	font-size: 0.9em;
	//float: right;
	//background-color: rgba(255,255,204,1.00);
	}
.ShowInPhone{display:none;}
.FOOTER {
	position: relative;
	clear:both;	
	//margin:0 auto;
	margin-top:0 px;
	width:100%;
	height:200px;
	margin-top:30px;
	background-color:#29abe1;
	z-index:0;
	}
.FOOTER p{
		text-align:center;
		margin-bottom:0vh;
	}

.WRAPPER {
	position: relative;
	margin: 0 auto;
	width: 100%;
	overflow:hidden;
	//padding-top:20px;
	//padding-bottom:20px;
	z-index: 50;
	//background-image: url(img/BBstrip-bg.png);
	}

.LOGO{
	float:left;
	height:18vh;
	margin:1vmin;
	margin-left:3vmin;
	z-index:100;
	}

.BOX_A {
	background-color: #ffa64c;
	}
.BOX_B {
	background-color: #2693ff;//#2626ff;
	}
.BOX_C{
	background-color:#b8b7b8;
	}
.BOX_D{
	background-color:#ffa64c;
	}

.BOX_A :hover{
	font-size: 1.2em;
	background-color: #ff794c;
}
.BOX_B :hover{
	font-size: 1.2em;
	background-color: #4c79ff;
}
.BOX_C :hover{
	font-size: 1.2em;
	background-color: #acac9d;
}
.BOX_D :hover{
	font-size: 1.2em;
	background-color: #ff794c;
}
.BOX h1:hover{
	//width:20%;
	background-color: rgba(0, 0, 0, 0);
	font-size: 2em;
}

.relative {
  position: relative;
}

.HEADER {
	margin: 0 auto;
	width: 100%;//100vw;
	height: 20vh;
	background-color: #4cd2ff;
	z-index: 100;
}
.FOOTER {
	clear: both;
	margin:2vh auto;
	margin-top:0px;
	width: 100%;//100vw;
	height:10vh;
	margin:0;
	margin-top:5vh;
	background-color:#4cd2ff;
	z-index:0;
}
.NoneInPhone{
	}
	
.HideIt{
	display:none;
}
@media screen and (max-width:990px){
	.BoxImg img{;
		bottom:-20%;
	}
}
@media screen and (max-width:851px){
	.HeaderInf{display:none;}

}
@media screen and (max-width:622px){
	.BOX{
		position: relative;
		width:	80vw;
		height:	30vh;
		margin-top:	5vh;
		margin-left:10vw;
		//display:inline;
	}
	.BoxImg img{bottom:-10%;}
	.NoneInPhone{display:none;}
	.ShowInPhone{display:block;}
}