.nav-home {
  max-width: 25%;
}

body {
  background: #ffffff;
}

.navbar-brand {
  max-width: 50%;
}

@media (min-width: 600px) {
  .navbar-brand {
    max-width: 20%;
  }
}

.btn {
  border-radius: 6px;
  font-size: 16px;
}

#layout-div {
  max-width: 1200px;
  margin: 0 auto;
}

.layout-div1000 {
  max-width: 1000px;
  margin: 0 auto;
}

.layout-div1200 {
  max-width: 1200px;
  margin: 0 auto;
}

@media (min-width: 570px) {
  h1 {
    font-size: 3rem;
    font-weight: bold;
    letter-spacing: 0px;
  }
}

p {
  letter-spacing: 0px;
  font-weight: 500;
}

.container {
}

@media (max-width: 570px) {
  h1 {
    font-size: calc(1.6rem + 1.2vw);
    font-weight: bold;
    letter-spacing: 0px;
  }
}

@media (max-width: 680px) {
  .fs-4 {
    font-size: calc(1rem + .1vw)!important;
  }
}

@media (min-width: 680px) {
  .fs-4 {
    font-size: calc(1rem + .2vw)!important;
  }
}

@media (max-width: 570px) {
  .fs-1 {
    font-size: 1.2rem!important;
  }
}

@media (max-width: 570px) {
  .card h2 {
    font-size: calc(2rem + 0.7vw);
    font-weight: bold;
    letter-spacing: 0px;
  }
}

@media (min-width: 570px) {
  .card h2 {
    font-size: 2.5rem;
    font-weight: bold;
    letter-spacing: 0px;
  }
}

@media (max-width: 570px) {
  h2 {
    font-size: calc(1.6rem + 1.2vw);
    font-weight: bold;
    letter-spacing: 0px;
  }
}

@media (min-width: 570px) {
  h2 {
    font-size: 2.3rem;
    font-weight: bold;
    letter-spacing: 0px;
  }
}

@media (max-width: 680px) {
  .h0 {
    font-size: calc(2rem + 2.5vw);
  }
}