
* {
  box-sizing: border-box;
}

body {
  margin: 0px;
  background-color:#6699FF ;
  
}


.image1 {
  width: 100% ;
  height: auto;
  float: center;
  padding: 10px 10px 10px;
}

.image2 {
  width: 70% ;
  height: auto;
  width: auto;
  float: center;
  padding: 10px 10px 10px;
}

p {
	font-family: calibri;
	font-size: 20px;
	text-align: center;
	color: black;
	
}
/* Style the header */
.header {
  background-color: #6699FF;
  padding: 10px;
  text-align: center;
  font-size: 20px;
  font-family: calibri;
  color: black;
  
}
h2 {
	background-color: #6699FF;
  padding: 10px;
  text-align: center;
  font-size: 30px;
  font-family: calibri;
  color: black;
  
}

/* Style the top navigation bar */
.topnav {
  overflow:hidden ;
  background-color: #edbbf0;
}

/* Style the topnav links */
.topnav a {
  float: center;
  display: inline;
  color: #000;
  text-align: center;
  padding: auto;
  margin-left: 100px;
  margin-right: 60px;
  font-size: 20px;
  text-decoration: none;
}


/* Change color on hover */
.topnav a:hover {
  background-color: #b0eae8;
  color: black;
}
.active {
  background-color:#b0eae8;
  
}

.section {
  background-color: #fff;
  padding:  22px;
  text-align: center;
   font-size: 18px;
  color: #000;
  background-color: #6699FF;
}



/* Create three unequal columns that floats next to each other */
.column {
  float: left;
  padding: 10px;
}

/* right column */
.column.right {
  width: 33.33%;
  background-color: #6699FF;
   font-size: 18px;
  
}

/* Left column */
.column.left {
  width: 33.33%;
  background-color: #6699FF;
   font-size: 18px;
  
}

/* Middle column */
.column.middle {
  width: 33.33%;
  float: center;
   font-size: 18px;
   background-color: #6699FF ;
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .column.side, .column.middle {
    width: 100%;
	
  }
}

/* Style the footer */
.footer {
  background-color: #edbbf0;
  padding: 10px;
  text-align: center;
  color: #000;
   font-size: 18px;
}
