/*--------------------GLOBAL STYLES------------------------*/
html, body {
  font-family: "Helvetica Neue Light", sans-serif;
  font-size: 32px;
  line-height: 135%;
  color: #000;
}

body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}

.container {
  max-width: 1470px;
  margin: 0 auto;
  padding: 0 10px;
}

.margin-top20 {
  margin-top: 40px;
}

@media (max-width: 768px) {
  .display-none {
    display: none;
  }
}

/* Reset and base styles  */
* {
  padding: 0px;
  margin: 0px;
  border: none;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

:focus,
:active {
  outline: none;
}

a:focus,
a:active {
  outline: none;
}

/* Links */
a {
  font-display: block;
}

a, a:link, a:visited {
  color: inherit;
  text-decoration: none;
  /* display: inline-block; */
}

a:hover {
  /* color: inherit; */
  text-decoration: none;
}

/* Common */
aside, nav, footer, header, section, main {
  display: block;
}

h1, h2, h3, h4, h5, h6, p {
  font-size: inherit;
  font-weight: inherit;
}

ul, ul li {
  list-style: none;
}

img {
  vertical-align: top;
}

img, svg {
  max-width: 100%;
  height: auto;
}

/* Form */
input, textarea, button, select {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  background-color: transparent;
}

input::-ms-clear {
  display: none;
}

button, input[type="submit"] {
  display: inline-block;
  -webkit-box-shadow: none;
          box-shadow: none;
  background-color: transparent;
  background: none;
  cursor: pointer;
}

input:focus, input:active,
button:focus, button:active {
  outline: none;
}

button::-moz-focus-inner {
  padding: 0;
  border: 0;
}

label {
  cursor: pointer;
}

legend {
  display: block;
}

@font-face {
  font-family: 'Helvetica Neue Light';
  src: url("../fonts/helvetica-neue/helvetica-neue-light.ttf") format("ttf");
}

.btn {
  width: 191px;
  height: 62px;
  letter-spacing: 1px;
  border: 1px solid #000;
  border-radius: 30px;
  line-height: 62px;
  text-align: center;
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.btn:hover {
  color: #fff;
  background-color: #000;
}

/*--------------------BLOCKS STYLES------------------------*/
.nav {
  padding: 46px 0;
}

.nav__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.nav__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.nav__links .active {
  color: gray;
}

.nav__links > * + * {
  margin-left: 34px;
}

.nav a {
  -webkit-transition: color 0.5s ease-in-out;
  transition: color 0.5s ease-in-out;
}

.nav a:hover {
  color: gray;
}

@media (max-width: 768px) {
  .nav {
    padding: 25px 0 15px;
  }
  .nav__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
  .nav__links {
    margin-top: 15px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .nav__links .active {
    color: blue;
    text-decoration: underline;
  }
  .nav__links > * + * {
    margin-left: unset;
  }
}

.text-top__wrapper {
  max-width: 1000px;
}

.text-top--margins {
  margin: 50px 0 20px;
}

.text-bottom__wrapper {
  max-width: 700px;
}

.text-bottom--margins {
  margin: 50px 0 20px;
}

@media (max-width: 764px) {
  .text-top--margins {
    margin: 20px 0;
  }
  .text-bottom--margins {
    margin: 20px 0;
  }
}

.projects {
  padding: 50px 0;
}

.projects__wrapper {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: auto auto;
      grid-template-columns: auto auto;
  gap: 42px;
}

.projects__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.projects__item-img {
  overflow: hidden;
  margin-bottom: 20px;
}

.projects__item-img img {
  width: 714px;
  height: 476px;
  -webkit-transition: all 1s ease-in-out;
  transition: all 1s ease-in-out;
}

.projects__item-img img:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
}

.projects a {
  -webkit-transition: all 0.5s ease-in-out;
  transition: all 0.5s ease-in-out;
}

.projects a:hover {
  cursor: pointer;
  text-decoration: underline;
  color: gray;
}

@media (max-width: 764px) {
  .projects__wrapper {
    -ms-grid-columns: auto;
        grid-template-columns: auto;
  }
  .projects__item-img img {
    width: unset;
    height: unset;
  }
  .projects__item a {
    font-size: 24px;
  }
}

.copyright {
  margin: 100px 0 50px;
}

.copyright__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.copyright__block1 {
  font-size: 14px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

.copyright__block2 {
  font-size: 22px;
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

@media (max-width: 764px) {
  .copyright {
    margin: 50px 0;
  }
  .copyright__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}

.book {
  padding: 50px 0;
}

.book__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-pack: distribute;
      justify-content: space-around;
}

.book__item {
  -webkit-box-flex: 20%;
      -ms-flex: 20%;
          flex: 20%;
}

.book__desc {
  -webkit-box-flex: 80%;
      -ms-flex: 80%;
          flex: 80%;
}

.book__desc p {
  font-size: 16px;
  line-height: 1.2;
  max-width: 800px;
}

@media (max-width: 768px) {
  .book {
    padding: unset;
    padding-top: 35px;
  }
  .book__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
/*# sourceMappingURL=style.css.map */