@charset "utf-8";
/* CSS Document */

@media only screen and (max-width: 1500px){
	
	
	.topheaderwrapper, .idxcontainwrapper, .idxbeyondwrapper, .idxedgewrapper, .idxeunoiawrapper {
		padding:50px 0;
	}
	
	.toplogo {
		width:200px;
		margin:0 0 10px 0;
	}
	.topheaderright {
		width:24%;
		padding:25px 3%;
	}
	
	.idxcontainwrapper, .idxbeyondwrapper {
		width:780px;
	}
	.idxcontainwrapper img {
		width:250px;
	}
	.idxcontainwrapper p {
		margin:20px 0 0 0;
	}
	
	
	.idxedgewrapper, .idxeunoiawrapper, .idxfooterwrapper {
		width:86%;
	}
	
	
	.idxidxbox {
		padding:2% 2% 2% 6%;
		border:2px solid #6ae6ff;
		border-top:0;
		border-radius:10px;
		margin:35px 0;
	}
	.idxidxbox img {
		width:8%;
		top:-2%;
		left:-4%;
	}
	.idxidxbox h4 {
		font-size:26px;
		line-height:30px;
		margin:0 0 0px 0;
	}
	
	.idxeunoiaimg {
		padding:0 0 50px 0;
	}
	
	
	
	
	.idxbeyondwrapper h2, .idxedgewrapper h1 {
		font-size:36px;
		line-height:38px;
		margin:0 0 20px 0;
	}
	.idxcontainwrapper, .idxidxbox, .idxeunoiawrapper p {
		font-size:20px;
		line-height:28px;
	}
	
}

@media only screen and (max-width: 800px){ 
	
	.topheaderwrapper, .idxcontainwrapper, .idxbeyondwrapper, .idxedgewrapper, .idxeunoiawrapper {
		padding:40px 0;
	}
	.idxcontainwrapper, .idxbeyondwrapper, .idxedgewrapper, .idxeunoiawrapper, .idxfooterwrapper {
		width:88%;
	}
	.idxbeyondwrapper h2, .idxedgewrapper h1 {
		font-size:30px;
		line-height:34px;
		margin:0 0 15px 0;
	}
	.idxcontainwrapper, .idxidxbox, .idxeunoiawrapper p {
		font-size:18px;
		line-height:24px;
	}
	
	
	.toplogo {
		width:180px;
		float:left;
		margin:0 0 10px 0;
	}
	.topheaderleft {
		display:block;
		width:100%;
		margin:0 auto;
	}
	.topheaderright {
		display:block;
		width:260px;
		padding:20px;
		margin:20px auto 0 auto;
	}
	
	
	.idxcontainwrapper img {
		width:180px;
	}
	.idxcontainwrapper p {
		margin:15px 0 0 0;
	}
	
	
	.idxidxbox {
		padding:4% 4% 4% 8%;
		margin:30px 0;
	}
	.idxidxbox img {
		width:10%;
		top:0%;
		left:-5%;
	}
	.idxidxbox h4 {
		font-size:22px;
		line-height:24px;
	}
	
	.idxfootercol2 {
		display:block;
		margin:0 auto;
	}
	.idxfootercol1 {
		float:none;
		width:100%;
		display:block;
		text-align:center;
		margin:20px 0;
	}
	.idxfootercol1 img {
		margin:0 auto;
	}
	.idxfootercol3 {
		float:none;
		width:100%;
	}
	
}


@media only screen and (max-width: 600px){ 
	
	.idxidxbox img {
		width:14%;
		top:0%;
		left:-7%;
	}
	.idxidxbox h4 {
		font-size:20px;
		line-height:22px;
	}
	
	.idxeunoiawrapper img {
		display:block;
		width:180px;
		margin:0 0 15px 0;
	}
	.idxeunoiawrapper p {
		display:block;
		width:100%;
	}
	
	.idxeunoiaimg img {
		width:260px;
		display:block;
		float:none;
		margin:20px auto;
	}
	
	
}

.topheaderwrapper {padding:20px 0px;}