@font-face {
 font-family: 'Work Sans';
  /* src: url(../fonts/WorkSans-Medium.ttf);*/
    src: url(../fonts/OpenSans-SemiBold.ttf);
}

* {
  font-family: 'Work Sans';
}


body { max-width:100%; background:#85C1E9;


}
img { border-radius:10px; }
.flex-container {
  
  display: flex;
  flex-wrap: wrap;
  justify-content:left;
  border:1px white inset;

}

.flex-container > div {
  width: 250px;
  margin: 2px;
  text-align: center;
  height:50px;
  font-size:16px; 
  background:#ECF0F1;
  border:3px white inset;
 }
.flex-container > div a
{
  color:black;
  text-decoration:none;
  margin:1px;
  vertical-align:center;
  top: 10px;
  position:relative;
}

@media only screen and (max-width: 400px) {
    .flex-container > div {   width: 100%; }
}