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


a:link {
  color: white;
}

/* visited link */
a:visited {
  color: lightgoldenrodyellow;
}

a:link {
  text-decoration: none;
}	
	
	
a:link{
	
	text-align: center;
}
	

	
@media only screen and (min-width : 1101px) {
	
	
#container {
  
  width: 100%;
  height: auto;
  margin-right: auto;
	margin-left: auto;
	max-height: inherit;
	
}
#body {
  background-color: #fff;
  width: auto;
  height: auto;
  margin: 0px;
}	
	
#background-image{
		
		width: 100%;
  height: auto;
  margin-right: auto;
	margin-left: auto;
	max-height: inherit;
	 background-image: none;
	}
	
	
	
	#background-image1{
		
		width: 100%;
  height: auto;
  margin-right: auto;
	margin-left: auto;
	max-height: inherit;
	}
#box{
	
	position: relative;
background-color: #44AA2B;
	margin-right: auto;
	margin-left: auto;
	width: 200px;
	height: 30px;
	margin-top: 10px;
	text-align: center;
	font-size: 1.5em;
}

#box1{

	position: relative;
background-color: #E91515;
	margin-right: auto;
	margin-left: auto;
	width: 200px;
	height: 30px;
	margin-top: 10px;
	text-align: center;
	font-size: 1.5em;
}

#box3{

	position: relative;
background-color: #F3A83C;
	margin-right: auto;
	margin-left: auto;
	width: 200px;
	height: 30px;
	margin-top: 10px;
	text-align: center;
	font-size: 1.5em;
}

#box4{

	position: relative;
background-color: #F3A83C;
	margin-right: auto;
	margin-left: auto;
	width: 200px;
	height: 30px;
	margin-top: 10px;
	text-align: center;
	font-size: 1.5em;
}

#box5{

	position: relative;
background-color: #6474EF;
	margin-right: auto;
	margin-left: auto;
	width: 200px;
	height: 30px;
	margin-top: 10px;
	text-align: center;
	font-size: 1.5em;
}

}
	

	


@media only screen and (min-width : 601px) and (max-width : 1100px){
	
	
	
#container {
  
  width: 100%;
  height: auto;
  margin-right: auto;
	margin-left: auto;
	max-height: inherit;
}
	
#body {
  background-color: #fff;
  width: auto;
  height: auto;
  margin: 0px;
}		
	
.responsive {
	width: 100%;
    height: auto;
	display: block;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
}
		
	
#box{
	
	position: relative;
background-color: #44AA2B;
	margin-right: auto;
	margin-left: auto;
	width: 200px;
	margin-top: 10px;
	text-align: center;

}
#box1{

	position: relative;
background-color: #E91515;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	width: 200px;
	text-align: center;
	
}

#box3{

	position: relative;
background-color: #F3A83C;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	width: 200px;
	text-align: center;
	
}	
	
	
#box4{

	position: relative;
background-color: #F3A83C;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	width: 200px;
	text-align: center;
	
}	
	
	
#box5{

	position: relative;
background-color: #6474EF;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	width: 200px;
	text-align: center;
}	
	
	
	
	#background-image{
		
		width: 100%;
  height: auto;
  margin-right: auto;
	margin-left: auto;
	max-height: inherit;
		 background-image: none;
	}
	 
	
	
#background-image1{
		
		width: 100%;
  height: auto;
  margin-right: auto;
	margin-left: auto;
	max-height: inherit;
	
	}	
}
	


@media screen and (max-width: 600px) { 
	
	
#container {
  
  width: 100%;
  height: auto;
  margin-right: auto;
	margin-left: auto;
	max-height: inherit;
}
	
#body {
  background-color: #fff;
  width: auto;
  height: auto;
  margin: 0px;
}		
	
.responsive {
	width: 100%;
    height: auto;
	display: block;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
}
		
	
#box{
	
	position: relative;
background-color: #44AA2B;
	margin-right: auto;
	margin-left: auto;
	width: 200px;
	margin-top: 10px;
	text-align: center;

}
#box1{

	position: relative;
background-color: #E91515;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	width: 200px;
	text-align: center;
}
	
#box3{

	position: relative;
background-color: #F3A83C;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	width: 200px;
	text-align: center;
}	

#box4{

	position: relative;
background-color: #F3A83C;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	width: 200px;
	text-align: center;
}	
	
	
#box5{

	position: relative;
background-color: #6474EF;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	width: 200px;
	text-align: center;
}	
	
	
	#background-image{
		
		width: 100%;
  height: auto;
  margin-right: auto;
	margin-left: auto;
	max-height: inherit;
	 
	}
	
	#background-image1{
		
		width: 100%;
  height: auto;
  margin-right: auto;
	margin-left: auto;
	max-height: inherit;
	  background-image: none;
	}
	
}



	
	
@media only screen and (min-width : 150px) and (max-width : 600px){
	
	
#container {
  
  width: 100%;
  height: auto;
  margin-right: auto;
	margin-left: auto;
	max-height: inherit;
}
	
#body {
  background-color: #fff;
  width: auto;
  height: auto;
  margin: 0px;
}		
	
.responsive {
	width: 100%;
    height: auto;
	display: block;
    margin-left: auto;
    margin-right: auto;
	text-align: center;
}
		
	
#box{
	
	position: relative;
background-color: #44AA2B;
	margin-right: auto;
	margin-left: auto;
	width: 250px;
	height: 25px;
	margin-top: 10px;
	text-align: center;
font-size: 1.2em;
}
#box1{

	position: relative;
background-color: #E91515;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	width: 250px;
	height: 25px;
	text-align: center;
font-size: 1.2em;
}
	#box3{

	position: relative;
background-color: #F3A83C;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	width: 250px;
	height: 25px;
	text-align: center;
font-size: 1.1em;
}
#box4{

	position: relative;
background-color: #F3A83C;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	width: 250px;
	height: 25px;
	text-align: center;
	font-size: 1.1em;
}
	
	#box5{

	position: relative;
background-color: #6474EF;
	margin-right: auto;
	margin-left: auto;
	width: 250px;
	height: 25px;
	margin-top: 10px;
	text-align: center;
	font-size: 1.1em;
}
	#background-image{
		
		width: 100%;
  height: auto;
  margin-right: auto;
	margin-left: auto;
	max-height: inherit;
	 
	}
#background-image1{
		
		width: 100%;
  height: auto;
  margin-right: auto;
	margin-left: auto;
	max-height: inherit;
	  background-image: none;
	}
			
	
}