* {
  box-sizing: border-box;
}
  
 body {
	 background-color: #f1f1f1;
	 font-family:Verdana;
	 color:#aaaaaa;
	 }
	 
p {
	color: navy;
		} 
		
/* images styling *///////////////////////////////////////////////
img {
  border-radius: 8px;
}
		
img.responsive {
  width: 100%;
  height: auto;
}
img.responsive2 {
  max-width: 50%;
  height: auto;
}
img.responsive3 {
	 display: block;
  margin-left: auto;
  margin-right: auto;
   max-height:150px;
    width:100%;
}
img.responsive4 {
	 display: block;
  margin-left: auto;
  margin-right: auto;
   max-height:150px;
    width:auto;
}

/* Headings styling *///////////////////////////////////////////////
h1 {
  color: navy;
  text-align: center;
}
h2 {
  color: navy;
  text-align: center;
}

/* Solid border dividing lines *///////////////////////////////////////
hr.solid {
  border-top: 1px solid #bbb;
}
/* Javascript table styling *///////////////////////////////////////////////
#myTable {
  font-family: Verdana;
  color: navy;
  border-collapse: collapse;
}

#myTable td, #myTable th {
  border: 1px solid #ddd;
  padding: 8px;
}
#myTable tr {
	color: navy;
	}


#myTable tr:nth-child(even){background-color: #f2f2f2;}

#myTable tr:hover {background-color: #ddd;}

#myTable th {
  padding-top: 12px;
  padding-bottom: 12px;
  text-align: center;
  background-color: #04AA6D;
  color: white;
}
/* end of table *//////////////////////////////////////////////////////////

.left {
  padding: 10px;
  text-align: center;
  
}





.main {
  padding: 10px;
  text-align: center;
  
}




.right {
  text-align: center;
  
}

.right .search-container {
  float: none;
  padding: 10px;
}


.right .search-container form {
  
  width: 100%;
  height: 44px;
  border-radius: 5px;
  display: flex;
  flex-direction: row;
  align-items: center;
}

.right .search-container input[type=search] {
  all: unset;
  font: 17px;
  background-color: white;
  color: navy;
  width: 100%;
  padding: 6px 10px;
}

.right .search-container button {  
   float: none;
  padding: 6px 10px;
  background: #ddd;
  font-size: 17px;
  border: none;
  cursor: pointer;
}

.right .search-container button:hover {
  background: #ccc;
}



@media only screen and (max-width: 620px) {
  /* For mobile phones: */
  .left, .main, .right {
    width: 100%;
	 padding: 6px;
  }

}