.landingDiv1 {
  background: linear-gradient(#182335 0%, #080f17 100%);
  background-repeat: no-repeat;
  background-position: top center;
  display: block;
  position: relative;
}

@media only screen and (min-width: 501px) and (max-width: 1023px) {
  .buttonStartProject {
    margin-top: 8px;
  }
}

@media only screen and (min-width: 501px) and (max-width: 768px) {
  .landingDiv1 {
    background-size: 100% 100%;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1023px) {
  .landingDiv1 {
    background-size: 100% 95%;
  }
}

@media only screen and (max-width: 500px) {
  .card-competenze .card {
    margin-right: 14px;
    margin-left: 14px;
  }
}

@media only screen and (max-width: 500px) {
  .card-competenze {
    margin-right: 14px;
    margin-left: 14px;
  }
}

@media only screen and (min-width: 501px) and (max-width:767px) {
  .card-competenze {
    margin-right: 14px;
    margin-left: 14px;
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .card-competenze .card {
    margin-right: 14px;
    margin-left: 14px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .card-competenze {
    display: block;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  .card-competenze .card {
    margin-right: 14px;
    margin-left: 14px;
  }
}

@media only screen and (min-width: 1024px) and (max-width: 1440px) {
  .card-competenze {
    margin-right: 28px;
    margin-left: 28px;
  }
}

@media only screen and (min-width: 1441px) and (max-width: 1919px) {
  .card-competenze .card {
    margin-right: 12px;
    margin-left: 12px;
  }
}

@media only screen and (min-width: 1441px) and (max-width: 1919px) {
  .card-competenze {
    margin-right: 56px;
    margin-left: 56px;
  }
}

@media only screen and (min-width: 1920px) {
  .card-competenze .card {
    margin-right: 14px;
    margin-left: 14px;
  }
}

@media only screen and (min-width: 1920px) {
  .card-competenze {
    margin-right: 56px;
    margin-left: 56px;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .landingRow {
    display: block;
  }
}

@media only screen and (min-width: 768px) and (max-width: 1023px) {
  .col-md-6 {
    width: auto;
  }
}

.divForYou {
  width: 90%;
  position: relative;
  margin: auto;
  background: #34d0f6;
  padding: 25px;
  border-radius: 25px;
  /*height: 300px;*/
  transition: all .3s;
  margin-top: 50px;
  margin-bottom: 50px;
  align-items: center;
  align-content: center;
}