.hero__image {
  width: 40vh;
  user-select: none; }

.section {
  display: flex;
  width: 100%; }
  .section--header {
    position: relative; }
  .section--hero {
    transition: 1s ease;
    position: relative;
    flex: 1 0 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    margin: 2rem 0; }
  .section--about {
    display: block;
    transition: 1s ease;
    top: 100%;
    height: calc(100% - 64px);
    position: absolute;
    flex: 1 1 100%;
    border-top: 1px solid #acacad;
    background-color: rgba(252, 252, 252, 0.9);
    overflow-y: auto; }
  .section--address, .section--contacts {
    display: block;
    transition: 1s ease;
    top: 100%;
    position: absolute;
    flex: 0 0 100%;
    height: 100%;
    border-top: 1px solid #acacad;
    background-color: rgba(252, 252, 252, 0.9); }
  .section--address {
    overflow: hidden; }
  .section--contacts {
    overflow-y: auto; }
  .section--footer {
    height: 20%;
    border-top: 1px solid #acacad; }

.main {
  position: relative;
  display: flex;
  flex-direction: column;
  color: #58595B;
  flex: 1 1 80%;
  align-items: center;
  justify-content: center;
  overflow: hidden; }

.cards-container {
  align-items: flex-start; }

.card {
  padding: 1em;
  width: 100%; }
  .card--alternate {
    background-color: #9b9b9d;
    color: #f5f5f5; }
  .card__header {
    line-height: 1.2;
    margin-bottom: 8px; }
  .card__content {
    line-height: 1.3; }
  .card__list {
    list-style: square; }

.contact {
  user-select: none;
  display: flex;
  align-items: center;
  justify-content: center; }
  .contact__text {
    transition: all 0.25s ease;
    margin-left: 1em;
    transform: translate3d(0, 0, 0); }

.contact--is-hovered__text {
  margin-right: 1em; }

.contact--mail {
  display: flex;
  flex-direction: column;
  padding: 1em; }
  .contact--mail__title {
    font-weight: 700; }

.menu-container {
  position: absolute;
  top: 0;
  left: 0; }

.menu {
  padding: 0; }
  .menu__item {
    list-style: none; }

#icon--menu {
  animation-duration: 0.5s; }

.first {
  animation-delay: 1.5s; }

.second {
  animation-delay: 1s; }

.third {
  animation-delay: 2s; }

@media screen and (min-width: 1366px) {
  .hidden-sm-down {
    display: inherit; }

  .hidden-md-down {
    display: none; }

  .hidden-lg-up {
    display: none; }

  .hidden-lg-down {
    display: visible; }

  .section--about, .section--contacts {
    border-top: 0;
    padding-top: 64px; }

  .hero__image {
    width: 70%; } }
@media screen and (max-width: 1366px) {
  .hidden-sm-down {
    display: hidden; }

  .hidden-md-down {
    display: none; }

  .hidden-lg-up {
    display: none; }

  .hidden-lg-down {
    display: visible; }

  .section--about, .section--contacts {
    border-top: 0;
    background-color: rgba(252, 252, 252, 0.9); }

  .hero__image {
    width: 70%; } }
@media screen and (max-width: 768px) and (max-height: 1024px) {
  .hidden-sm-down {
    display: inherit; }

  .hidden-md-down {
    display: none; }

  .hidden-lg-up {
    display: inherit; }

  .hidden-lg-down {
    display: none; }

  .hero__image {
    width: 80%; }

  .row--responsive {
    display: block; }

  .section--about {
    height: 100%; } }
@media screen and (min-width: 1024px) and (min-height: 768px) and (max-width: 1366px) and (max-height: 1024px) and (orientation: landscape) {
  .hidden-sm-down {
    display: inherit; }

  .hidden-md-down {
    display: none; }

  .hidden-lg-up {
    display: inherit; }

  .hidden-lg-down {
    display: none; }

  .section--footer .row {
    margin-bottom: 0; }

  .hero__image {
    width: 70%; } }
@media screen and (max-width: 1024px) and (min-height: 1366px) and (orientation: portrait) {
  .hidden-sm-down {
    display: inherit; }

  .hidden-md-down {
    display: none; }

  .hidden-lg-up {
    display: inherit; }

  .hidden-lg-down {
    display: none; }

  .section--footer .row {
    margin-bottom: 0; }

  .hero__image {
    width: 70%; } }
@media screen and (max-width: 414px) and (max-height: 736px) and (orientation: portrait) {
  .hidden-sm-down {
    display: none; }

  .hidden-md-down {
    display: none; }

  .hidden-lg-up {
    display: inherit; }

  .hidden-lg-down {
    display: none; }

  .hero__image {
    width: 80%; }

  .section--footer .row {
    margin-bottom: 0; }

  .row--responsive {
    flex-direction: column;
    display: block; } }
@media screen and (max-width: 736px) and (max-height: 414px) and (orientation: landscape) {
  .hidden-sm-down {
    display: none; }

  .hidden-md-down {
    display: none; }

  .hidden-lg-up {
    display: inherit; }

  .hidden-lg-down {
    display: none; }

  .section--footer .row {
    margin-bottom: 0; }

  .hero__image {
    height: 80%; }

  .section--footer .row {
    margin-bottom: 0; }

  .row--responsive {
    flex-direction: column;
    display: block; } }

/*# sourceMappingURL=style.css.map */