html, body {
  margin: 0;
  background-color: #000000;
  font-family: 'Open Sans',-apple-system,BlinkMacSystemFont,'Segoe UI','Roboto','Oxygen-Sans','Ubuntu','Cantarell','Helvetica Neue',sans-serif;
  width:100%;
  background: url("image/background.jpg") no-repeat center center fixed;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

section #services {
  text-align: center;
  transform: translatez(0);
  margin: 0px 0px 0px;
}
section #services h2 {
  margin: 0px 0px 40px;
  color: #fff;
  font-size: 1.5em;
  text-align: center;
  text-shadow: 2px 2px 0 #4074b5, 2px -2px 0 #4074b5, -2px 2px 0 #4074b5, -2px -2px 0 #4074b5, 2px 0px 0 #4074b5, 0px 2px 0 #4074b5, -2px 0px 0 #4074b5, 0px -2px 0 #4074b5;
}

section #services ul {
 margin: 0;
 padding: 0;
}

section #services li {
  width: 120px;
  height: 140px;
  display: inline-block;
  margin: 30px;
  list-style: none;
}


section #services li div {
  width: 110px;
  height: 120px;
  color: #941414;
  font-size: 3.0em;
  text-align: center;
  line-height: 80px;
  transition: all 0.5s ease;
  border-radius: 5px;
}

section #services li div:hover {
  transform: scaleX(1.2)scaleY(1.2);
  border-radius: 100px;
}

section #services li a {
  color: #0d3558;
  text-shadow: 2px 2px 0 #ffffff, 2px -2px 0 #ffffff, -2px 2px 0 #ffffff, -2px -2px 0 #ffffff, 2px 0px 0 #ffffff, 0px 2px 0 #ffffff, -2px 0px 0 #ffffff, 0px -2px 0 #ffffff	;
}

section #services li a:hover {
  color: #5c0e0e;
}

section #services li span {
  width: 110px;
  height: 20px;
  display: block;
  padding: 15px 0px;
  color: #fff;
  font-size: 14px;
  font-family: "Nunito Sans",-apple-system,system-ui,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  text-align: center;
  text-shadow: 2px 2px 4px #000000, -1px 2px 0 #060606,0px -2px 0 #060606;
  font-weight: bold;
}

small{
  font-size: 0.7em;
  color: #ffffff;
  line-height:1.5em;
}