#services {
  margin-bottom: 20px;
  margin-top: 2px; }
  #services .items {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% + 10px);
    margin-left: -5px; }
    #services .items a {
      flex: 1 0 18%;
      box-sizing: border-box;
      color: #171e42;
      margin: 5px;
      text-align: center;
      background: #105b92;
      color: white;
      font-size: 16px;
      vertical-align: middle;
      text-decoration: none;
      justify-content: center;
      flex-direction: column;
      text-align: center;
      display: flex;
      background-size: auto 85%;
      background-repeat: no-repeat;
      padding-top: 15px;
      padding-bottom: 15px;
      text-transform: uppercase;
      font-weight: bold; }
      #services .items a.b1 {
        background-color: #0c3f61;
        background-image: url(../img/es-1.svg);
        background-position: left -30px center; }
      #services .items a.b2 {
        background-color: #0c3f61;
        background-image: url(../img/es-2.svg);
        background-position: left -5px center; }
      #services .items a.b3 {
        background-color: #0c3f61;
        background-image: url(../img/es-3.svg);
        background-position: left -30px center; }
      #services .items a.b4 {
        background-color: #0c3f61;
        background-image: url(../img/es-4.svg);
        background-position: left -50px center; }
      #services .items a.b5 {
        background-color: #0c3f61;
        background-image: url(../img/es-5.svg);
        background-position: left -10px center; }
      #services .items a:hover {
        opacity: 0.6; }
      #services .items a > div {
        padding: 35px 30px;
        line-height: 22px; }

@media (max-width: 767px) {
  #services .items a {
    width: 100%;
    flex: 1 0 100%;
    margin-left: 0px;
    margin-right: 0px; }
  #services .megatitle .right a {
    padding-right: 15px;
    padding-left: 0px;
    float: left; } }

/*# sourceMappingURL=services.css.map */