.navigation {
    background-color: #282e36;
    width: 100%;
    margin-bottom: 0;
}

#contact-submit:hover {
    border-color: #2c9091;
    background-color: #559BE4;
}

/* this should probably be #215CD2 */
.btn-main:hover {
    background: #559BE4;
    color: #fff;
  }


.price-item {
    background-color: #0d0e0f;
}

.counters-item {
    /* background-color: #0d0e0f; */
}

.service-block {
    background-color: #0d0e0f;
    box-shadow: 5px 5px 5px rgba(44, 44, 44, 0.3), 13px 13px 0 #559be4cc;

}

.service-block:hover {
  background-color: #0d0e0f;
  box-shadow: 5px 5px 5px rgba(44, 44, 44, 0.3), 13px 13px 0 #0099ffcc;
}



.skill-bar .progress .progress-bar {
    background: #215CD2;
  }

.member-photo .mask {
  background-color: rgba(33, 92, 210, 0.7);
}

@media (max-width: 3840px) {
  .section {
    padding: 100px;
  }
  .container {
    max-width: 80%;
  }
  .col-lg-4 {
    flex: 0 0 30%;
    max-width: 30%;
    margin: auto;
  }
}



/* @media (max-width: 1920px) {
  .section {
    padding: 100px;
  }

  .container {
    max-width: 80%;
  }

  .col-lg-4 {
    flex: 0 0 30%;
    max-width: 30%;
    margin: auto;
  }
} */