* { margin:0; padding:0; box-sizing:border-box; }

header 
		{
		 
		background-color:#f2dfb3;
		width:100%;
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-size: 50px;
		color: #81CEEB;
		text-align: center;
 		padding-left: 55px;
		padding-top: 20px;
		padding-right: 20px;
		padding-bottom: 20px;
}

h1

		{
		font-size: 35px;
		
		text-align: center;
		
		
}

h2

		{
		font-size: 20px;
		
		
}



body

		{
		background-color:#81CEEB;
		color: #f2dfb3;
		
		
}
		
ul {
  		
		list-style-type: none;
  		margin: 0;
 		padding: 0;
		padding-left: 35px;
  		overflow: hidden;
 		background-color: #333;
		
}


li {
 		 float: left;


}


li a {
  		display: block;
  		color: white;
  		text-align: center;
 		padding-left: 20px;
		padding-top: 10px;
		padding-right: 20px;
		padding-bottom: 20px;
 		text-decoration: none;
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-size: 25px;
}

article	{
		height: 100%; 
		background-color:#81CEEB;
		float:left;
		width:100%;
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-size: 25px;
		padding-left: 0px;
		padding-top: 20px;
		padding-right: 20px;
		}

aside	{ 
		
		background-color:#0519E0;
		float:left;
		width:20%;
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-size: 25px;
		font-weight: bold;
		padding-left: 20px;
		padding-top: 20px;
		padding-right: 20px;
		}
		
aside1	{ 
		
		background-color:orange;
		float:left;
		width:20%;
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-size: 25px;
		font-weight: bold;
		padding-left: 35px;
		padding-top: 20px;
		padding-right: 20px;
		}		
		
aside2	{ 
		
		background-color:#0519E0;
		float:left;
		width:20%;
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-size: 25px;
		font-weight: bold;
		padding-left: 35px;
		padding-top: 20px;
		padding-right: 20px;
		}			
		
		
		
		
		
.image1 {
  width: 100%;
  max-width: 400px;
  height: auto;
  clear: left;
  float: left;
  margin-right:25px;
  margin-left:25px;
  padding-top: 20px;
  padding-right: 20px;
  display: block;
}


.image2 {
   width: 100%;
  max-width: 400px;
  height: auto;
  clear: left;
  float: right;
  margin-right:25px;
  margin-left:25px;
  padding-top: 20px;
  display: block;
}


.text1 {
  float: left;
  text-align: justify;
  margin-right:55px;
  margin-left:55px;
  padding-top: 10px;
  padding-bottom: 20px;
  color: #ffffff
  
  
}

.nav a {
  float: center;
  font-family: calibri;
  display: block;
  color: #f2dfb3;
  text-align: center;
  padding: 10px 15px;
  margin-left: 10px;
  font-size: 25px;
  text-decoration: none;
}


.nav a:hover {
  background-color: #f2dfb3;
  color: #81CEEB;
}

.section {
  padding:  10px 5px 15px;
  font-family: Calibri, Arial, Helvetica, sans-serif;
  text-align: center;
  font-size: 25px;
  color: #ffffff;
  background-color: #81CEEB;
  
}

.imagemain {
  width: 200px ;
  height: 200px;
  float: center;
  padding: 10px 10px 10px;
}

/* Create three unequal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;
}

/* right column */
.column.right {
  width: 33.3%;
  background-color: #81CEEB;
  font-size: 18px;
  
}

/* Left column */
.column.left {
  width: 33.3%;
  background-color: #81CEEB;
  font-size: 18px;
  
}

/* Middle column */
.column.middle {
  width: 33.3%;
  font-size: 18px;
  background-color: #81CEEB;
}


footer	{
		position: float;
		bottom: 0px;
		left: 0;
		height: 85px; 
		background-color:#f2dfb3;
		color: #81CEEB;
		clear:both;
		width:100%;
		font-family: Calibri, Arial, Helvetica, sans-serif;
		font-size: 25px;
		text-align: center;
		padding-top: 10px;
		
		}