input[type=text], select, textarea {
  width: 100%; 
	
  padding: 6px;
  border: 1px solid black;  /* was #ccc  */
  border-radius: 4px;
  resize: vertical;
	font-size: 1rem;
	font-weight: bold;
	box-sizing: border-box; 
	
	width:280px;
	
}

label {
  padding: 12px 12px 12px 0;
  display: inline-block;
	
	
}

input[type=submit] {
  background-color: #4CAF50;
  color: white;
  padding: 12px 20px;
  border: none;
  border-radius: 4px;
  cursor: pointer;
  float: left;  /*right; */
	
}

input[type=submit]:hover {
  background-color: #45a049;
}

/*.container {
  border-radius: 5px;
  background-color: #f2f2f2;
  padding: 20px;
}*/



	
.col-25 {
  float: left;
   width: 25%; 
  margin-top: 6px;
	/* border: 1px solid black;  /* was #ccc  */
	 /*max-width: 350px; */
	 background-color: #f1f1f1;
}

.col-75 {
  float: left;
  width: 75%; 
  margin-top: 6px;
	max-width: 400px; 
	/* border: 1px solid black;  /* was #ccc  */
	 padding: 6px;
	 background-color: #f1f1f1;
}

.col-75 .search-container button {
  float: left;
  padding: 6px 10px;
  margin-top: 8px;
  margin-right: 16px;
  background: #AFD7F0;
  font-size: 1rem;
  border: none;
  cursor: pointer;
	color: black;
	/*width:100%;
	max-width: 250px;*/ 
}

.col-75 .search-container button:hover {
  background: #4388B5;
	color: white;
}




/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .col-25, .col-75, input[type=submit],input[type=text] {
    width: 100%;
    margin-top: 0;
		padding-left:0;
  }
}