* {

	margin: 0;

	padding:0;

}

.HoverOpacity:hover{

	opacity: 0.7;

}

.IconMena{

	width: 15.2%;

	height: 450px;

	background-image: url(images/GroupIconMena.png);

	background-position: center center;

	background-size: contain;

	background-repeat: no-repeat;

	float: left;

	position: relative;

	left: 9%;

	top: -24px;

}

.IconBodmin{

	width: 14.2%;

	height: 330px;

	background-image: url(images/GroupIconBodmin.png);

	background-position: center center;

	background-size: contain;

	background-repeat: no-repeat;

	float: left;

	position: relative;

	top: 131px;

	left: 6%;

}

.IconPolperro{

	width: 17.2%;

	height: 480px;

	background-image: url(images/GroupIconPolperro.png);

	background-position: center center;

	background-size: contain;

	background-repeat: no-repeat;

	float: left;

	position: relative;

	left: 2%;

	top: -59px;

}

.IconBeeny{

	width: 10.2%;

	height: 280px;

	background-image: url(images/GroupIconBeeny.png);

	background-position: center center;

	background-size: contain;

	background-repeat: no-repeat;

	float: left;

	position: relative;

	top: 203px;

	left: -2%;

}

.IconLooe{

	width: 15.2%;

	height: 380px;

	background-image: url(images/GroupIconLooe.png);

	background-position: center center;

	background-size: contain;

	background-repeat: no-repeat;

	float: left;

	position: relative;

	top: 16px;

	left: -5%;

}

.IconDizzard{

	width: 12.2%;

	height: 350px;

	background-image: url(images/GroupIconDizzard.png);

	background-position: center center;

	background-size: contain;

	background-repeat: no-repeat;

	float: left;

	position: relative;

	top: 100px;

	right: 7%;

}

.IconGumpas{

	width: 15.2%;

	height: 450px;

	background-image: url(images/GroupIconGumpas.png);

	background-position: center center;

	background-size: contain;

	background-repeat: no-repeat;

	float: left;

	position: relative;

	top: -22px;

	right: 7%;

}

.wrapper {

	width: 100%;

	height: 1200px;

}

.gamesHeader {

	height: auto;

	width: 100%;

	margin-left: auto;

	margin-right: auto;

	float: left;

}



.leftBorder {

	width: 3%;

	height: 900px;

	background-color: hsla(0,0%,100%,1.00);

	float: left;

}



.HTML5Games{

	width: 100%;

	height: auto;

	display: none;

	float: left;

	background-color: rgba(192,47,47,1.00);

}

.HTML5GameSlot:hover{

	opacity: 0.5;

}

.HTML5GameSlot{

	width: 31%;

	float: left;

	margin-left: 1%;

	margin-right: 1%;

}

.HTML5Looe{

	height: 128px;

	background-image: url(images/ThumbLooeGame.png);

	background-position: center center;

	background-size: contain;

	background-repeat: no-repeat;

}

.HTML5Snow{

	height: 128px;

	background-image: url(images/ThumbnailSnowgooms2.png);

	background-position: center center;

	background-size: contain;

	background-repeat: no-repeat;

}

.HTML5Funbloks{

	height: 128px;

	background-image: url(images/ThumbFunbloks.png);

	background-position: center center;

	background-size: contain;

	background-repeat: no-repeat;

}



.main {

	width: 100%;

	height: auto;

	float: left;

}



.LeftIcons{

	width: 100%;

	float: left;

	margin-top: 13px;

}

.CentreSplash{

	height: 460px;

	width: 90%;

	background-position: center top;

	background-size: contain;

	background-repeat: no-repeat;

	margin-top: 3px;

	margin-left: auto;

	margin-right: auto;

	float: left;

}



.gamesFooter {

	height: 229px;

	float: left;

	width: 100%;

	margin-top: 95px;

}

.gameBox {

	height: 156px;

	margin-bottom: 6px;

	margin-left: 15px;

	margin-right: 15px;

	float: left;

	width: 14%;

}

.gameBoxInfo{

	width: 96%;

	height: auto;

	float: left;

	background-color: hsla(0,0%,100%,1.00);

	display: none;

	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;

	font-style: normal;

	font-weight: 400;

	color: rgba(0,0,0,1.00);

	font-size: 21px;

	text-align: left;

	padding-left: 2%;

	padding-right: 2%;

}

.thumb {

	width: 248px;

	height: 156px;

	margin-left: auto;

	margin-right: auto;

	float: left;

}

.thumb:hover {

	opacity: 0.5;

}

.description {

	width: 100%;

	height: auto;

	float: left;

}



.descriptionMiddle {

	width: 45%;

	height: auto;

	margin-left: 15%;

	float: left;

}



.heading1 {

	font-family: chewy;

	font-style: normal;

	text-align: center;

	font-size: 20px;

	color: hsla(327,100%,64%,1.00);

}

.heading2 {

	font-family: chewy;

	font-style: normal;

	font-size: 15px;

	text-align: center;

	color: hsla(241,100%,78%,1.00);

}

.logoContainer {

	width: 10%;

	background-color: hsla(0,0%,100%,1.00);

	height: 80px;

	background-image: url(images/fungoomslogo.png);

	background-repeat: no-repeat;

	background-position: center 58%;

	background-size: contain;

	float: left;

	padding-right: 0%;

}

.logoContainer:hover {

	opacity: 0.5;

}

.topNav {

	width: 30%;

	height: auto;

	margin-right: auto;

	margin-left: auto;

	float: right;

}

.TopButtonHome:hover {

	opacity:0.5;

}

.TopButtonHome{

	width: 20%;

	height: 50px;

	margin-left: 1%;

	margin-right: 1%;

	float: left;

	background-image: url(images/ButHome.png);

	background-position: center center;

	background-size: contain;

	background-repeat: no-repeat;

}

.TopButtonApps:hover {

	opacity:0.5;

}

.TopButtonApps{

	width: 20%;

	height: 50px;

	margin-left: 2%;

	margin-right: 2%;

	float: left;

	background-image: url(images/ButShopOver.png);

	background-position: center center;

	background-size: contain;

	background-repeat: no-repeat;

}

.TopButtonRead:hover {

	opacity:0.5;

}

.TopButtonRead{

	width: 20%;

	height: 50px;

	margin-left: 2%;

	margin-right: 2%;

	float: left;

	background-image: url(images/ButRead.png);

	background-position: center center;

	background-size: contain;

	background-repeat: no-repeat;

}

.TopButtonWatch:hover {

	opacity:0.5;

}

.TopButtonWatch{

	width: 20%;

	height: 50px;

	margin-left: 2%;

	margin-right: 2%;

	float: left;

	background-image: url(images/ButWatchOver.png);

	background-position: center center;

	background-size: contain;

	background-repeat: no-repeat;

}



.TopButtonPlay:hover {

	opacity:0.5;

}

.TopButtonPlay{

	width: 20%;

	height: 50px;

	margin-left: 2%;

	margin-right: 2%;

	float: left;

	background-image: url(images/ButPlay.png);

	background-position: center center;

	background-size: contain;

	background-repeat: no-repeat;

}



.adWrapper {

	width: 100%;

	float: left;

}



.NewBiggerMena970x90 {

	background-color: hsla(214,100%,90%,1.00);

	width: 970px;

	height: 90px;

	margin-left: auto;

	margin-right: auto;

}





@media screen and (min-width:1024px) {

	

.heading1 {

	font-size: 25px;

}

.heading2 {

	font-size: 15px;

}

.TopButtonHome{

	height: 60px;

}

.TopButtonApps{

	height: 60px;

}

.TopButtonRead{

	height: 60px;

}

.TopButtonWatch{

	height: 60px;

}

.TopButtonPlay{

	height: 60px;

}



}





@media (min-width: 1200px){

.IconMena{

	top: -16px;

}

.IconBodmin{

	top: 156px;

}

.IconPolperro{

	top: -39px;



}

.IconBeeny{

	top: 222px;

}

.IconLooe{

	top: 28px;

}

.IconDizzard{

	top: 114px;

}

.IconGumpas{

	top: 16px;

}

.CentreSplash{

	height: 500px;

	width: 95%;

}

.heading1 {

	font-size: 30px;

}

.heading2 {

	font-size: 17px;

}

.TopButtonHome{

	height: 70px;

}

.TopButtonApps{

	height: 70px;

}

.TopButtonRead{

	height: 70px;

}

.TopButtonWatch{

	height: 70px;

}

.TopButtonPlay{

	height: 70px;

}

}



@media (min-width: 1400px){

.IconMena{

	top: 40px;

}

.IconBodmin{

	top: 201px;

}

.IconPolperro{

	top: 0px;

}

.IconBeeny{

	top: 275px;

}

.IconLooe{

	top: 66px;

}

.IconDizzard{

	top: 182px;

}

.IconGumpas{

	top: 41px;

}

.CentreSplash{

	height: 570px;

	width: 98%;

}

.heading1 {

	font-size: 35px;

}

.heading2 {

	font-size: 23px;

}

.TopButtonHome{

	height: 80px;

}

.TopButtonApps{

	height: 80px;

}

.TopButtonRead{

	height: 80px;

}

.TopButtonWatch{

	height: 80px;

}

.TopButtonPlay{

	height: 80px;

}

	

}





@media (min-width: 1600px){

.gameBox {

	width: 16%;

	height: 175px;

	margin-bottom: 6px;

	margin-left: 4px;

	margin-right: 4px;

}

.CentreSplash{

	height: 580px;

	width: 100%;

}

.heading1 {

	font-size: 36px;

}

.heading2 {

	font-size: 28px;

}

.TopButtonHome{

	height: 90px;

}

.TopButtonApps{

	height: 70px;

}

.TopButtonRead{

	height: 70px;

}

.TopButtonWatch{

	height: 70px;

}

.TopButtonPlay{

	height: 90px;

}

	

}

@media (min-width: 1680px){

.CentreSplash{

	height: 600px;

}

.adWrapper{

	margin-bottom: 15px;

}

}



@media (min-width: 1920px){

.CentreSplash{

	height: 630px;

}

.adWrapper{

	margin-bottom: 25px;

}

.gameBox {

	width: 16.2%;

	height: 185px;

	margin-bottom: 6px;

	margin-left: 4px;

	margin-right: 4px;

}

.thumb {

	width: 300px;

	height: 185px;

	margin-left: auto;

	margin-right: auto;

}

}



@media (max-width: 1024px){

	.LeftIcons{

		

	}

	.gameBox{

	height: 280px;

	width: 32.3%;

	margin-left: 0.5%;

	margin-right: 0.5%;

	}

	.gameBoxInfo{

	display: block;

	}

	.thumb{

		width: 325px;

		height: 170px;

	}

	.CentreSplash{

		height: 380px;

		width: 90%;

	}

	.IconMena{

		top: -63px;

	}

	.IconBodmin{

		top: 58px;

	}

	.IconPolperro{

		top: -104px;

	}

	.IconBeeny{

		top: 126px;

	}

	.IconLooe{

		top: -19px;

	}

	.IconDizzard{

		top: 47px;

	}

	.IconGumpas{

		top: -52px;

	}

}







@media screen and (max-width:800px) {

.NewBiggerMena970x90 {
	width: 100%;
	height: auto;
}

.topNav {
	width: 40%;
	margin-left: 10%;
	margin-right: 10%;
	float: left;
}

.TopButtonHome{
	height: 50px;
}

.TopButtonApps{
	height: 50px;
}

.TopButtonRead{
	height: 50px;
}

.TopButtonWatch{
	height: 50px;
}

.TopButtonPlay{
	height: 50px;
}

.HTML5Games{
	display: block;
}
	
	.descriptionMiddle{
		display: none;
	}
}




@media screen and (max-width:600px) {

	


.LeftIcons{
	display: none;
}

	

.topNav {

	margin-left: 5%;
	margin-right: 5%;
}



.TopButtonHome{
	height: 60px;
}

.TopButtonApps{
	height: 60px;
}

.TopButtonRead{
	height: 60px;
}

.TopButtonWatch{
	height: 60px;
}

.TopButtonPlay{
	height: 60px;
}

	

.HTML5Games{
}



.heading1{
	font-size: 34px;
	height: 48px;
}

.heading2{
	font-size: 18px;
	height: 30px;
}


}




@media screen and (max-width:468px) {


	

.descriptionMiddle{
	width: 90%;
	margin-left: 5%;
	margin-right: 5%;
	background-color: hsla(235,34%,40%,0.52);
	border-radius: 64px;
}

	

.description{

	position: absolute;

	top: 453px;

}

.heading1{

	color: hsla(0,0%,100%,1.00);

	font-size: 26px;

	height: 34px;

	text-shadow: 1px 1px hsla(0,0%,0%,1.00);

}

.heading2{

	color: hsla(0,0%,100%,1.00);

	font-size: 16px;

	height: 34px;

	width: 300px;

	margin-left: auto;

	margin-right: auto;

	text-shadow: 1px 1px hsla(0,0%,0%,1.00);

}

	

}









@media screen and (max-width:375px) {



.heading1{

	font-size: 20px;

	height: 34px;

}

.heading2{

	display: none;

}

}







@media screen and (max-width:320px) {



.heading1{

	font-size: 18px;

	height: 33px;

}

	

.HTML5Looe{

	height: 90px;

}

.HTML5Snow{

	height: 90px;

}

.HTML5Funbloks{

	height: 90px;

}



.TopButtonHome{

	height: 50px;

}

.TopButtonApps{

	height: 50px;

}

.TopButtonRead{

	height: 50px;

}

.TopButtonWatch{

	height: 50px;

}

.TopButtonPlay{

	height: 50px;

}

}





}

