body {
	font-size: 20px;
	font-family: 'Arial','Helvetica' ;
	background-color: rgb(165, 193, 114);
}

h2 {
	font-size: 24px;
	font-family: 'Arial','Helvetica';
	font-weight: bold;
}
	

h3 {
	font-size: 22px;
	font-family: 'Arial','Helvetica' ;
	font-weight: bold;
}

#wrap {
	margin: 0 auto;
	padding: 5%;
	max-width: 960px;
	width: 80%;
	background-color: #C3FDB8; }
	
form input[type="text"]{
	display: inline-block; }

/*Bootstrap*/
.row  {
	background-color: rgb(252, 252, 242);
}

.ebpm-h2 {
    text-align: center;
    text-decoration: underline;
    font-style: italic;
}

.ebpm-select {
	width: 265px;
}

@media screen and (max-width: 350px) {
  input[type="text"], input[type="password"], .ebpm-select  {
    width: 100%; /* The width is 100%, when the viewport is 800px or smaller */
  }
}