@media only screen and (min-width: 1081px)	{
	.index1 {
	font-family: Arial, Geneva, sans-serif;
	float: left;
	text-align: center;
	border: 0px solid #000000;
	margin: 0;
	padding: 1%;
	background-color: #cccccc;	
	}
	
	.index2 {
	box-sizing: border-box;	
	float: right;
	width: 69%;	
	#height: 700px;
	border: 0px solid #000000;
	margin: 0;
	padding: 1%;
	background-color: #cccccc;
	}
	.index2 h3 {
	margin: 0;
	padding: 0;
}


      
 
	.maincontent {
	font-family: Arial, Geneva, sans-serif;
	font-size: 1.2em;
	width: 100%;
	height: 100%;
	border: 0px solid #000000;
	margin-bottom: 2em;
	background-color: #cccccc;
}
.index3 {
	box-sizing: border-box;
	float: left;
	#font-size: 1em;
	font-family: Arial, Geneva, sans-serif;
	width: 29%;
	margin: 0 ;
	padding: 1 1px;
	background-color: #cccccc;
	color: #000000;
}
.index3 ul {
         list-style-type: none;
         margin: 0;
         padding: 0;
         display: table;
         width: 100%;
         border-spacing: 8px;
         table-layout: fixed;
         
         
      } 
 .index3  li {
         font-style: italic;
         font-family: Arial, Geneva, sans-serif;
         font-weight: bold;
      }     

.index4 {
	width: 90%;
	font-family: Arial, Geneva, sans-serif;
	margin: 0;
	padding: 1em 4em ;
}
.index4 a {
	text-decoration: none;
	color: #0000ff;
}

.img {
	float: left;
}
.img2 {
	float: right;
	
}
.im3 {
	text-align: center;
}
}	
@media only screen and (max-width: 1080px) {
	.maincontent {
	font-size: 1.5em;
	font-family: Arial, Geneva, sans-serif;
	width: 98%;
	height: 100%;
	border: 0px solid #000000;
	margin-bottom: 0.5em;
	background-color: #cccccc;
}	
.index1 {
	box-sizing: border-box;
	font-family: Arial, Geneva, sans-serif;
	text-align: center;
	margin: 0;
	padding: 1px 2px;
	background-color: #cccccc;
	}

	.index2 {
	box-sizing: border-box;
	float: right;
	width: 69%;	
	font-size: 1.1em;
	border: 0px solid #000000;
	margin: 0;
	padding: 1%;
	background-color: #cccccc;
	}

.index2 h3 {
	margin: 0;
	padding: 0;
}
	

.index3 {
	box-sizing: border-box;
	float: left;
	#font-size: 1em;
	font-family: Arial, Geneva, sans-serif;
	width: 29%;
	margin: 0 ;
	padding: 1 1px;
	background-color: #cccccc;
	color: #000000;
}
.index3 ul {
         list-style-type: none;
         margin: 0;
         padding: 1 1;
         display: table;
         width: 100%;
         border-spacing: 8px;
         table-layout: fixed;
         
         
      } 
 .index3  li {
         font-style: italic;
         font-family: Arial, Geneva, sans-serif;
         font-weight: bold;
         padding: 1 1;
         margin-bottom: 1em;
         font-size: 1.2em;
      } 
 .index3 li a {
         text-decoration: none;
         color: #0000ff;
         
      }     
.index4 {
	width: 90%;
	font-family: Arial, Geneva, sans-serif;
	font-size: 1.5em;
	font-weight: bold;
	margin: 0;
	padding: 1em 1em ;
}

.index4 a {
	text-decoration: none;
	color: #0000ff;
}


}

.img {
	float: left;
}
.img2 {
	float: right;
	
}
.im3 {
	text-align: center;
}