@media screen and (max-width: 576px) {
  #Home h2, #Technologies h2 {
    padding-left: 2vh;
  }

  #Home p {
    padding-left: 2vh;
  }
  #Pricing .card-deck {
    width: 90vw;
    margin: 0px auto;
  }
}

@media screen and (min-width: 576px) {
  .card {
    margin: 2rem;
  }
}

@media screen and (min-width: 768px) {
  .card {
    margin: 0rem;
  }
}

html {
  scroll-behavior: smooth;
}

h2, h5 {
  font-family: 'Roboto', sans-serif;
}

#custom-navbar {
  font-family: 'Josefin Sans', sans-serif;
}

#Home {
  margin-top: 4.2rem;
}

#Home, #Technologies, #Pricing, #Contact-Us, #Footer {
  background-image: linear-gradient(to right, #000428, #004e92);
  color: white;
  padding: 8vh 0px;
  margin-bottom: -1px;
  font-family: 'Montserrat', sans-serif;
}

#Home img {
  max-width: 55vw;
  height: auto;
}

#Welcome-div {
  margin-top: auto;
  margin-bottom: auto;
}

.Custom-tech-list div {
  float: left;
  margin: 3vh 4vw;
}

#Technologies img {
  max-width: 40vw;
  height: auto;
}

.Custom-contact-us {
  border: 5px solid rgb(0, 217, 255);
  border-radius: 10px;
  padding: 3vh 3vw;
}

.Custom-form-width {
  margin: 1px auto;
  width: 80%;
}

#Footer-icons {
  font-size: 1.5rem;
  margin: 0px 40px;
}

.nav-item {
  font-size: 1.20rem;
  margin: 0px 10px;
}
