[class*="col-"] img {
  width: 100%;
}

@media (orientation: portrait) {
  .col-portrait-12 {
    max-width: 100%;
    flex-basis: unset;
  }
}

html {
  margin-bottom: 2vw;
}

.container-fluid {
  width: 96vw;
  margin-left: 2vw;
  padding-right: 0vw;
  padding-left: 0vw;
}

@media (min-width: 576px) {
  .navbar-expand-sm .navbar-nav .nav-link {
    padding-right: 0.5vw;
    padding-left: 0.5vw;
  }
}

@media (orientation: portrait) {
  .navbar-toggler-icon {
    width: 4.5vw;
    height: 4.5vw;
  }
}

@media (orientation: landscape) {
  body {
    font-size: 1.3vw;
  }
}

.row {
  margin-right: 0vw;
  margin-left: -1vw;
}