/*!
 * DargwaDict — base styles
 */

:root {
  --keyColor: rgba(84, 107, 201, 1);
}

body {
  min-height: 100vh;
  font-family: "PT Sans", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
  display: flex;
  flex-direction: column;
}

section {
  margin: 0 auto;
}

table {
  margin-bottom: 10px;
}

ol {
  padding-left: 0;
  list-style: inside decimal;
}

h1, h2, h3, h4, h5, h6, p, .btn, .navbar-nav a, .form-control, .list-inline, small {
  font-family: 'Montserrat', sans-serif;
}

p, .lead {
  font-family: 'Raleway', sans-serif;
}

h1 {
  font-size: 55px;
  line-height: 55px;
  letter-spacing: -1px;
  color: #ffffff;
  font-weight: 700;
}

h2 {
  font-size: 40px;
  line-height: 40px;
  letter-spacing: -0.5px;
  color: #ffffff;
  font-weight: 700;
}

h3 {
  font-size: 16px;
  line-height: 30px;
  letter-spacing: 0px;
  color: #231f20;
  font-weight: 700;
}

.lead {
  font-size: 21px;
  line-height: 26px;
  color: #ffffff;
  font-weight: 400;
}

p {
  font-size: 17px;
  line-height: 22px;
  color: #929496;
  font-weight: 400;
}

a {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
  text-decoration: none;
}

a:hover, a:focus {
  text-decoration: none;
  color: #231f20;
  transition: all 0.35s ease-in-out;
}

::selection {
  background: #231f20;
  color: #ffffff;
}
::-moz-selection {
  background: #231f20;
  color: #ffffff;
}

/* ---------------- Мобильная адаптация ---------------- */
@media (max-width: 768px) {
  h1 {
    font-size: 36px;
    line-height: 40px;
  }

  h2 {
    font-size: 28px;
    line-height: 32px;
  }

  .lead {
    font-size: 17px;
    line-height: 22px;
  }
}

@media (max-width: 480px) {
  h1 {
    font-size: 28px;
    line-height: 32px;
    letter-spacing: 0;
  }

  h2 {
    font-size: 22px;
    line-height: 28px;
  }

  p {
    font-size: 15px;
    line-height: 20px;
  }
}