:root {
  --primary: #000000;
}

/* html,
body {
  height: 100%;
} */

/* body {
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
  align-items: center;
  -webkit-box-pack: center;
  justify-content: center;
  background-color: #fff;
} */

.i360d {
  display: grid;
  grid-template-rows: auto 1fr auto;
  /* height: 100%; */
  /* min-height: 600px; */
}

.-header {}

.--nav ._logo {
  height: 75px;
}

.-main {
  height: 400px;
}

.__home {
  background: #000000 url("/img/01-home.jpg") no-repeat center;
}

.__about-us {
  background: #000000 url("/img/02-about-us.jpg") no-repeat center;
}

.__services {
  background: #000000 url("/img/03-services.jpg") no-repeat center;
}

.__awards {
  background: #000000 url("/img/04-awards.jpg") no-repeat center;
}

.__team {
  background: #000000 url("/img/05-team.jpg") no-repeat center;
}

.__clients {
  background: #000000 url("/img/06-clients.jpg") no-repeat center;
}

.__contacts {
  background: #000000 url("/img/07-contacts.jpg") no-repeat center;
}

.-footer {
  /* background-color: green; */
}

.nav-link {
  color: var(--primary);
  font-size: 1.2rem;
  border-bottom: 5px solid transparent;
}

.nav-link:hover,
.nav-link.active {
  color: crimson;
  border-bottom: 5px solid;
}

.lead {
  font-size: 1.2rem;
  font-weight: bold;
}

.card {
  height: 100%;
  /* min-height: 250px; */
}

.thumbnail {
  height: 80px;
}

._award {
  max-height: 400px;
}

@media (min-width: 768px) {
  ._moved {
    max-height: 200px;
  }
}