@charset "utf-8";
/* CSS Document */

.menuProgram {
  display: block;
  width: 100%;
  flex-wrap: wrap;
  justify-content:center;
  border-radius: 5px;
  margin-top: 100px;
/*  background-color:#319B42; */
 }

.menuProgram > div {
  color: white;
  font-size:16px;
  margin: 2px 5px;
  /*padding: 4.5px 45px; */
  border: 1px white;
  border-radius: 5px;
  /* font-weight: normal; */
  font-family: sans-serif;
  text-transform: uppercase;
 }
.menuProgram a {
  color: white;
  text-decoration: none;
  padding: 8px 47px;
  border-radius: 5px;
  background-color:#319B42;
}
.menuProgram > div :hover {
  background-color: #005eb8;
}

/* ---- MOBILE PORTRAIT---- */
@media only screen and (max-width: 400px) {
.menuProgram {
  margin-top:50px;
  height:150px;
  background:none;
}
	
.menuProgram a {
  float:left;
  display:block;
  width: 100%;
  margin: 2px 2px;
  padding: 7px 4px;
  text-align:center;
  font-size: 16px;
  border-radius: 5px;
  background-color:#319b42;
	}

.menuProgram > div :hover {
  background-color: #005eb8;
}
}

/* MOBILE LANDSCAPE */
@media only screen and (max-width: 600px) {
.menuProgram {
  margin-top:50px;
  height:150px;
  background:none;
}
	
.menuProgram a {
  float:left;
  display:block;
  width: 100%;
  margin: 2px 2px;
  padding: 7px 4px;
  text-align:center;
  font-size: 16px;
  border-radius: 5px;
  background-color:#319b42;
	}

.menuProgram > div :hover {
  background-color: #005eb8;
}
}