.flags {
  text-align: center;
}
.flags--item {
  box-sizing: border-box;
  display: inline-block;
  height: 100px;
  margin-bottom: 0.3em;
  vertical-align: bottom;
  width: 150px;
}
.flags--item.-ma {
  background: #db0004;
	background-image: url("../images/flags/ma.png");
	background-size: contain;
  
}
.flags--item.-sa {
  background: #db0004;
	background-image: url("../images/flags/sa.png");
	background-size: contain;
  
}
.flags--item.-us {
  background: #db0004;
	background-image: url("../images/flags/us.png");
	background-size: cover;
  
}
.flags--item.-jo {
  background: #db0004;
	background-image: url("../images/flags/jo.png");
	background-size: cover;
  
}
.flags--item.-sw {
  background: #db0004;
	background-image: url("../images/flags/sw.png");
	background-size: contain;
  
}
.flags--item.-be {
  background: #db0004;
	background-image: url("../images/flags/be.png");
	background-size:cover;
  
}
.flags--item.-ca {
  background: #db0004;
	background-image: url("../images/flags/ca.png");
	background-size: cover;
  
}

.flags--item.-fr {
  background: #db0004;
	background-image: url("../images/flags/fr.png");
	background-size: cover;
  
}
.flags--item.-po {
  background: #db0004;
	background-image: url("../images/flags/po.png");
	background-size: cover;
  
}
.flags--item.-ja {
  background: #db0004;
	background-image: url("../images/flags/ja.png");
	background-size: cover;
  
}
body {
  background: #f0f0f0;
}