:root {
  --colorHover: rgba(33, 150, 243, 1);
  --colorLink: #212121;
  --colorBorder: rgba(33, 150, 243, 0, 5);
  --bodyColor: rgba(33, 33, 33, 1);
  --colorBtnBorder: rgba(0, 0, 0, 0.12);
  --footerAndHeaderBgC: #2f303a;
  --figureColor: rgba(117, 117, 117, 1);
  --addresColor: #fff;
  --studioColor: #fff;
  --infoFooter: rgba(255, 255, 255, 0.6);
  --btnIndexBgC: #2196f3;
  --colorIndexBtn: #fff;
  --shadowColor: rgba(0, 0, 0, 0.15);
  --colorLoremIpsum: #757575;
  --mailTelColor: rgba(117, 117, 117, 1);
  --btnHoverColor: #fff;
  --colorStudio: #000000;
  --colorContactHeader: #757575;
  --colorContactFooter: #rgba(255, 255, 255, 0.6);
  --color10: #2196f3;
  --colorSvgSocial: #ffffff;
  --colorText: #fff;
  --mobileContact: #2196f3;
}

.backdrop {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.5);
  transition: transform 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.footer {
  background-color: var(--footerAndHeaderBgC);
  height: 650px;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  min-width: 320px;
  justify-content: center;
}

.footer__wrapper {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.hours-open {
  color: white;
  list-style: none;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .footer {
    height: 300px;
  }
  .footer__wrapper {
    flex-direction: row;
    justify-content: space-around;
  }
}
@media screen and (min-width: 1200px) {
  .footer {
    background-color: var(--footerAndHeaderBgC);
    height: 252px;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    position: relative;
  }
  .footer__wrapper {
    display: flex;
    justify-content: space-around;
    flex-direction: row;
  }
}
body {
  font-family: "Roboto", sans-serif;
  color: var(--bodyColor);
}

.container-global {
  width: 100%;
  margin: 0 auto;
  position: relative;
}

@media screen and (max-width: 768px) {
  .container-global {
    min-width: 320px;
    max-width: 760px;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .container-global {
    width: 768px;
  }
}
@media screen and (min-width: 1200px) {
  .container-global {
    max-width: 1200px;
  }
}
.section {
  padding-top: 94px;
  padding-bottom: 94px;
}

Figure {
  margin: 0;
}

.list-element {
  list-style: none;
}

.main-section-global {
  text-align: center;
  font-size: 36px;
  line-height: 1.171em;
  font-weight: 700;
  padding-bottom: 34px;
}

.figureImgGlobal {
  position: relative;
}

@media screen and (max-width: 768px) {
  .menu {
    display: none;
  }
  .header__Contact {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .menu-toggle {
    display: none;
  }
}
@media screen and (min-width: 1px) and (max-width: 1200px) {
  .what-we-doing {
    display: none;
  }
}
.is-hidden {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transform: translate(-100%, -100%);
}

.menu-mobile {
  min-width: 100vw;
  height: 100vh;
  display: flex;
  position: fixed;
  max-width: 480px;
  background-color: rgb(255, 255, 255);
  flex-direction: column;
  top: 0;
  left: 0;
  z-index: 99999999;
}
.menu-mobile .menu-mobile__nav {
  padding-left: 0;
}
.menu-mobile .menu-mobile__nav .menu-mobile__element {
  font-weight: 500;
  font-size: 40px;
  text-decoration: none;
  letter-spacing: 0.02em;
  padding: 10px;
}
.menu-mobile .menu-mobile__nav .menu-mobile__element:nth-of-type(3) {
  padding-bottom: 10%;
}
.menu-mobile .menu-mobile__nav .menu-mobile__element .menu-mobile__link {
  text-decoration: none;
  color: black;
}
.menu-mobile .menu-mobile__nav .menu-mobile__element .menu-mobile__link:focus {
  color: #2196f3;
}

.mobile-contact {
  max-width: 320px;
  margin: 0;
}
.mobile-contact .mobile-contact__list-element {
  padding-bottom: 32px;
  font-size: 24px;
}
.mobile-contact .mobile-contact__list-element .mobile-contact__link {
  text-decoration: none;
  color: rgb(117, 117, 117);
}
.mobile-contact .mobile-contact__list-element .mobile-contact__link.mobile-contact--primary {
  color: var(--mobileContact);
  font-size: 34px;
}

.mobile-social {
  display: flex;
  padding: 0;
}
.mobile-social .mobile-social__element {
  padding: 0 5px;
}
.mobile-social .mobile-social__element:nth-of-type(1) {
  padding-left: 10px;
}
.mobile-social .mobile-social__element:nth-of-type(2) {
  border-left: 1px solid rgba(33, 33, 33, 0.2);
}
.mobile-social .mobile-social__element:nth-of-type(3) {
  border-left: 1px solid rgba(33, 33, 33, 0.2);
}
.mobile-social .mobile-social__element:nth-of-type(4) {
  border-left: 1px solid rgba(33, 33, 33, 0.2);
}
.mobile-social .mobile-social__link {
  text-decoration: none;
  color: var(--mobileContact);
  font-size: 18px;
}

.mobile-menu__close-btn {
  position: absolute;
  background-color: white;
  border: none;
  right: 0;
  top: 10px;
  font-size: 25px;
}
.mobile-menu__close-btn:focus {
  color: #2196f3;
}

.is-open {
  display: none;
}

.mobile-menu__open-btn {
  position: absolute;
  right: 35px;
  top: 23px;
  background-color: white;
  border: none;
}

@media screen and (min-width: 768px) {
  .menu-mobile {
    display: none;
  }
  .mobile-menu__open-btn {
    display: none;
  }
}
.footer__contact-telMailFooter {
  transition: color 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.footer__contact-telMailFooter:visited {
  text-decoration: none;
}
.footer__contact-telMailFooter:link {
  color: var(--colorContactFooter);
  text-decoration: none;
}
.footer__contact-telMailFooter:hover {
  color: var(--colorHover);
}

.footer__contact {
  color: var(--infoFooter);
  font-size: 14px;
  font-weight: 400;
  display: flex;
  flex-direction: column;
  margin: 0%;
  padding: 0%;
  line-height: 1.714em;
}

.footer__addres {
  font-weight: 400;
  color: var(--addresColor);
  font-size: 14px;
  display: flex;
  padding-bottom: 10px;
  line-height: 1.714em;
}

.footer__wrapper-contact {
  display: flex;
  flex-direction: column;
  justify-content: center;
  max-width: 480px;
  align-items: center;
}

.footer__contact-element--primary {
  padding-top: 10px;
  position: relative;
  left: 5px;
}

@media screen and (min-width: 1200px) {
  .footer__contact {
    position: relative;
  }
  .footer__addres {
    position: relative;
    display: block;
    padding-bottom: 0;
    padding: 20px 0 20px 0;
    line-height: 1.714em;
  }
  .footer__wrapper-contact {
    display: flex;
    max-width: 1000px;
  }
  .footer__contact-element--primary {
    padding-top: 0;
    position: relative;
    left: 0;
  }
}
.footer__logo {
  font-family: "Raleway", sans-serif;
  font-weight: 700;
  padding: 50px 0 30px 0;
  font-size: 26px;
}

.studio {
  color: var(--studioColor);
}

.footer__logo-web {
  color: var(--studioColor);
  transition: color 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.footer__logo-web:hover {
  color: var(--colorHover);
}

@media screen and (min-width: 1200px) {
  .footer__logo {
    padding: 0;
    position: relative;
  }
}
@media screen and (min-width: 768px) {
  .header__mail-tel {
    transition: color 250ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .header__mail-tel:link {
    color: var(--colorContactHeader);
    text-decoration: none;
  }
  .header__mail-tel:visited {
    text-decoration: none;
  }
  .header__mail-tel:hover {
    color: var(--colorHover);
    --color2: var(--color10);
    --color3: var(--color10);
  }
  .headerPhoneAndMailSvg {
    position: relative;
    top: 1px;
  }
  .header__Contact-item {
    list-style: none;
    padding: 5px 0 5px 0;
  }
  .header__Contact {
    display: flex;
    margin: 0 auto;
    flex-direction: column;
    position: absolute;
    left: 80%;
    top: 12px;
    font-weight: 500;
    font-size: 14px;
    line-height: 1.172em;
    max-width: 400px;
    padding: 0;
  }
}
@media screen and (min-width: 1200px) {
  .header__Contact-item {
    padding-left: 20px;
    padding-top: 10px;
  }
  .header__Contact {
    font-size: 15px;
  }
}
.header__logo {
  display: inline-flex;
  text-align: center;
  position: relative;
  top: 0.9em;
  font-family: "Raleway", sans-serif;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.383em;
  padding-left: 20px;
  font-style: italic;
}

@media screen and (min-width: 768px) {
  .header__logo {
    padding-left: 0;
  }
}
.header__navbar1 {
  position: relative;
}
.header__navbar1 > .header__navbar1-item {
  display: flex;
  flex-wrap: nowrap;
  float: left;
  font-weight: 500;
  font-size: 14px;
  letter-spacing: 0.02em;
  position: relative;
  left: 86px;
  top: -1.3em;
  margin-left: 9em;
  line-height: 1.172em;
}
.header__navbar1 > li:hover {
  color: var(--colorHover);
}

.header__navbar1-navigation {
  display: block;
}
.header__navbar1-navigation:hover::after {
  content: "";
  display: block;
  border-bottom: solid 4px #2196f3;
  border-radius: 2px;
  position: relative;
  top: 27px;
}

.reference:visited {
  text-decoration: none;
  color: var(--colorLink);
}
.reference:hover {
  color: var(--colorHover);
}
.reference:link {
  color: var(--colorLink);
  text-decoration: none;
}

.reference {
  transition: color 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.reference .header__navbar1-navigation {
  color: var(--bodyColor);
}

.reference.navIndex:visited {
  color: var(--colorHover);
}

.reference.navPortfolio:visited {
  color: var(--colorHover);
}

.navPortfolio:hover::after {
  content: "";
  display: block;
  border-bottom: solid 4px #2196f3;
  border-radius: 2px;
  position: relative;
  top: 27px;
}
.navPortfolio::after {
  content: "";
  display: block;
  border-bottom: solid 4px #2196f3;
  border-radius: 2px;
  position: relative;
  top: 27px;
}

.navIndex:hover::after {
  content: "";
  display: block;
  border-bottom: solid 4px #2196f3;
  border-radius: 2px;
  position: relative;
  top: 27px;
}
.navIndex::after {
  content: "";
  display: block;
  border-bottom: solid 4px #2196f3;
  border-radius: 2px;
  position: relative;
  top: 27px;
}

.header {
  border-bottom: solid #ececec;
  min-height: 80px;
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .header__navbar1 {
    position: relative;
  }
  .header__navbar1 > .header__navbar1-item {
    display: flex;
    flex-wrap: nowrap;
    float: left;
    font-weight: 500;
    font-size: 13px;
    letter-spacing: 0.02em;
    position: relative;
    left: 130px;
    top: -1.3em;
    margin-left: 3em;
    line-height: 1.172em;
  }
  .header__navbar1 > li:hover {
    color: var(--colorHover);
  }
  .header__navbar1-navigation {
    display: block;
  }
  .header__navbar1-navigation:hover::after {
    content: "";
    display: block;
    border-bottom: solid 4px #2196f3;
    border-radius: 2px;
    position: relative;
    top: 27px;
  }
  .reference:visited {
    text-decoration: none;
    color: var(--colorLink);
  }
  .reference:hover {
    color: var(--colorHover);
  }
  .reference:link {
    color: var(--colorLink);
    text-decoration: none;
  }
  .reference {
    transition: color 250ms;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  }
  .reference .header__navbar1-navigation {
    color: var(--bodyColor);
  }
  .reference.navIndex:visited {
    color: var(--colorHover);
  }
  .reference.navPortfolio:visited {
    color: var(--colorHover);
  }
  .navPortfolio:hover::after {
    content: "";
    display: block;
    border-bottom: solid 4px #2196f3;
    border-radius: 2px;
    position: relative;
    top: 27px;
  }
  .navPortfolio::after {
    content: "";
    display: block;
    border-bottom: solid 4px #2196f3;
    border-radius: 2px;
    position: relative;
    top: 27px;
  }
  .navIndex:hover::after {
    content: "";
    display: block;
    border-bottom: solid 4px #2196f3;
    border-radius: 2px;
    position: relative;
    top: 27px;
  }
  .navIndex::after {
    content: "";
    display: block;
    border-bottom: solid 4px #2196f3;
    border-radius: 2px;
    position: relative;
    top: 27px;
  }
  .header {
    border-bottom: solid #ececec;
    min-height: 80px;
  }
}
.banner {
  position: relative;
  max-width: 1200px;
  height: 350px;
  overflow: hidden;
  display: flex;
  justify-content: space-around;
  margin: 0 auto;
}
.banner__link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 25%;
}
.banner__link:hover .text-banner {
  opacity: 1;
  z-index: 999999;
}
.text-banner:hover .banner__image--schemat {
  transform: scale(1.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  opacity: 0.2 rgba(0, 0, 0, 0);
  z-index: 999999;
  filter: brightness(35%);
}
.banner__image {
  display: block;
  width: 100%;
  max-height: 400px;
  height: 70%;
  -o-object-fit: cover;
     object-fit: cover;
  transform: scale(1);
  transition: transform 0.2s, box-shadow 0.2s;
}
.banner__image--schemat:hover, .banner__image--rowki:hover, .banner__image--maszyny:hover {
  transform: scale(1.1);
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.3);
  opacity: 0.2 rgba(0, 0, 0, 0);
  z-index: 99999;
  filter: brightness(35%);
}
.banner__image--schemat, .banner__image--rowki, .banner__image--maszyny {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 70%;
  opacity: 1;
  z-index: 9999;
}

.text-banner {
  text-decoration: none;
  color: white;
  display: block;
  position: absolute;
  font-style: italic;
  font-size: 35px;
  font-weight: 400;
  opacity: 0;
}

.heading-section {
  padding-bottom: 0;
}

@media screen and (max-width: 1200px) {
  .text-banner {
    font-size: 22px;
  }
}
@media screen and (max-width: 480px) {
  .heading-section {
    padding-top: 10px;
  }
  .banner {
    height: 13em;
  }
}
@media screen and (min-width: 480px) {
  .banner {
    height: 20em;
  }
  .heading-section {
    padding-top: 10px;
  }
}
@media screen and (min-width: 1200px) {
  .banner {
    height: 380px;
  }
}
.modal {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  min-width: 320px;
  max-width: 450px;
  min-height: 581px;
  background-color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.modal__close-btn {
  position: absolute;
  top: 8px;
  right: 8px;
  width: 30px;
  height: 30px;
  background-color: #fff;
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  cursor: pointer;
}

.modal__header {
  font-weight: 700;
  font-size: 20px;
  color: var(--bodyColor);
  letter-spacing: 0.03em;
  padding-top: 15px;
}

.modal__input {
  width: 280px;
  height: 40px;
  display: block;
  border: 1px solid rgba(33, 33, 33, 0.2);
  border-radius: 4px;
  padding-left: 40px;
}
.modal__input:focus {
  outline: none;
  border-color: var(--color10);
  transition: border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}
.modal__input:focus ~ .modal__icon {
  fill: #2196f3;
}

.modal__textarea {
  height: 120px;
  width: 280px;
  border: 1px solid rgba(33, 33, 33, 0.2);
  border-radius: 4px;
  resize: none;
}
.modal__textarea:focus {
  outline: none;
  border-color: var(--color10);
  transition: border-color 250ms cubic-bezier(0.4, 0, 0.2, 1);
}

.modal__icon {
  transition: fill 250ms cubic-bezier(0.4, 0, 0.2, 1);
  position: absolute;
  left: 15px;
  top: 34%;
}

.wrapperModalForm {
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__form {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
}

.modal__span {
  position: relative;
  font-size: 12px;
  font-weight: 400;
  letter-spacing: 3%;
}

.modal__label {
  display: block;
  padding-bottom: 20px;
  color: rgb(117, 117, 117);
  font-weight: 400;
  font-size: 12px;
  position: relative;
}

.comment {
  left: -39%;
}

.modal__span-label {
  position: relative;
  bottom: 4px;
}

.modal__btn {
  width: 200px;
  height: 50px;
  background: #2196f3;
  box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  border: none;
  color: var(--colorText);
  cursor: pointer;
}

.modalLabelTextarea {
  display: flex;
  align-items: center;
  flex-direction: column;
}

.modal__link {
  color: rgb(33, 150, 243);
}

.modalCheckbox {
  width: 13px;
  height: 13px;
  opacity: 1;
  cursor: pointer;
  position: absolute;
  top: 1px;
}
.modalCheckbox:checked {
  opacity: 0;
}
.modalCheckbox:checked ~ .modal__Checkbox ~ primary {
  visibility: visible;
}
.modalCheckbox ~ .modal__Checkbox ~ primary {
  visibility: hidden;
}

.modal__Checkbox {
  max-width: 280px;
  position: relative;
  text-align: center;
}
.modal__Checkbox ~ primary {
  position: absolute;
  left: -16px;
  top: 1px;
  cursor: pointer;
}

@media screen and (min-width: 768px) {
  .modal {
    width: 528px;
    align-items: flex-start;
    max-width: 530px;
  }
  .modal__header {
    padding-top: 0;
  }
  .modal__input {
    width: 448px;
  }
  .modal__textarea {
    width: 448px;
  }
  .modal__span {
    position: relative;
  }
  .modalLabelTextarea {
    display: block;
    padding-left: 40px;
  }
  .modal__Checkbox {
    max-width: 450px;
    position: relative;
    text-align: start;
  }
}
.footer__social-header {
  font-weight: 700;
  font-family: "Roboto", sans-serif;
  text-transform: uppercase;
  color: var(--studioColor);
  font-size: 14px;
  text-align: center;
  padding-top: 35px;
}

.footer__Social-icon-svg {
  display: inline-flex;
  --color1: #ffffff;
}

.footer__icons-social {
  padding: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.footer__icons-social > li {
  list-style: none;
}

.footer__box-icon {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  background-color: rgba(255, 255, 255, 0.1);
  transition: background-color 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.footer__box-icon:hover {
  background-color: var(--color10);
}

.footer__icon-social > .social-footer > .footer__box-icon {
  margin-left: 0;
}

.social-footer {
  background-color: #2f303a;
  color: #2f303a;
}

@media screen and (min-width: 1200px) {
  .footer__social-header {
    text-align: start;
    padding-top: 0;
  }
  .footer__icon-social {
    padding-left: 40px;
  }
}
.Team__cards {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  padding-left: 0;
  align-items: center;
}
.Team__cards .Team__figcaption {
  border-radius: 0px 0px 4px 4px;
  box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.12), 0px 1px 1px rgba(0, 0, 0, 0.14), 0px 2px 1px rgba(0, 0, 0, 0.2);
  text-align: center;
  font-weight: 500;
  line-height: 1.875em;
  background-color: #fff;
  max-width: 480px;
}

.Team {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  background-color: #f5f4fa;
  margin: 0;
  align-items: center;
}

.section.Team {
  width: 100%;
  min-width: 320px;
  display: flex;
}

.figureImgTeam {
  position: relative;
  min-width: 320px;
  width: 100%;
  align-items: center;
  padding: 30px 15px 0 15px;
}

.Team__img {
  display: block;
  max-width: 100%;
  height: auto;
}

.Team__Socialmedia-icons {
  list-style: none;
  display: flex;
  justify-content: space-around;
  padding: 5px 25px 25px 25px;
}

.Team__Socialmedia-icons-item {
  width: 44px;
  height: 44px;
  border-radius: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: color 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition: background-color 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.Team__Socialmedia-icons-item:hover {
  background-color: var(--color10);
  --color1: var(--colorSvgSocial);
}

.ourTeamSvg {
  transition: background-color 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.ourTeamSvg:hover {
  background-color: var(--color10);
  --color1: var(--colorSvgSocial);
}

.figureImgTeam .descriptionImgGlobal {
  color: var(--figureColor);
  font-weight: 400;
  font-size: 16px;
  line-height: 1.875em;
}

@media screen and (min-width: 1200px) {
  .Team__cards {
    justify-content: center;
    flex-direction: row;
    align-items: flex-start;
  }
  .Team__cards .figureImgTeam {
    min-width: 270px;
    padding: 0;
  }
  .Team__img {
    display: block;
    width: 270px;
    height: 260px;
  }
  .Team__cards-elements {
    display: flex;
    justify-content: space-around;
  }
  .Team__cards-element {
    margin-left: 30px;
  }
  .Team__cards-element.Team__cards-element--primary {
    margin-left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .Team__cards {
    flex-direction: column-reverse;
  }
  .Team__cards .Team__figcaption {
    max-width: 480px;
  }
  .Team__cards-elements {
    display: flex;
  }
}
.our-clients__cards {
  display: flex;
  list-style: none;
  justify-content: space-around;
  padding-left: 0;
  flex-wrap: wrap;
}

.our-clients__card {
  margin-top: 15px;
  display: flex;
  border-radius: 4px;
  border: 1px solid #afb1b8;
  padding: 12px 24px 12px 24px;
  transition: border-color 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.our-clients__card:hover {
  --color1: var(--color10);
  border-color: #2196f3;
}

.our-clients {
  padding-top: 0;
}

@media screen and (min-width: 1200px) {
  .our-clients__cards {
    display: flex;
    list-style: none;
    justify-content: center;
  }
  .our-clients__card {
    margin-top: 0;
  }
  .our-clients-mobile {
    display: flex;
    margin: 0;
    justify-content: space-between;
    padding-left: 30px;
  }
  .our-clients__item {
    padding-left: 30px;
    padding-bottom: 15px;
  }
  .our-clients__item--primary {
    padding-left: 0;
  }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
  .our-clients__cards {
    flex-flow: row wrap;
  }
  .our-clients-mobile {
    display: flex;
    flex-flow: row;
  }
  .our-clients__item {
    padding-left: 30px;
  }
  .our-clients__item--primary {
    padding-left: 0;
  }
}
.container-contact {
  display: flex;
  justify-content: space-between;
}

@media screen and (max-width: 1200px) {
  .container-contact {
    justify-content: center;
    flex-direction: column;
  }
  .map {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    text-align: center;
  }
}
.map {
  padding-top: 60px;
  padding-bottom: 60px;
  margin-right: 40px;
}
.map__title {
  text-align: center;
  display: flex;
  justify-content: center;
}
.map__frame {
  width: 30vw;
  height: 40vh;
}

@media screen and (max-width: 480px) {
  .map__frame {
    width: 80vw;
    height: 40vh;
  }
}
@media screen and (max-width: 1200px) {
  .map__frame {
    width: 60vw;
    height: 40vh;
  }
}
.contact-wrapper {
  padding-top: 60px;
  margin-left: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}
.contact-wrapper__date {
  list-style: none;
  padding-left: 0;
}

.hours-open-kontakt {
  list-style: none;
  padding: 0;
}

@media screen and (max-width: 1200px) {
  .map {
    margin-right: 0;
  }
  .contact-wrapper {
    margin-left: 0;
  }
}
.contact-wrapper__tel-mail {
  text-decoration: none;
  color: black;
  transition: color 250ms;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}

.contact-wrapper__tel-mail:hover {
  color: var(--colorHover);
}

@media screen and (min-width: 1200px) {
  .view-page {
    height: 70vh;
  }
}
.borrow {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  padding-top: 50px;
  background-color: #f5f4fa;
  width: 100%;
  margin-top: 20px;
  min-height: 100%;
}
.borrow__container {
  margin: 0 20px 0 20px;
}

.list-rentals {
  list-style: none;
}
.list-rentals__elem {
  padding: 15px 0 15px 0;
}

.text_rentals {
  font-size: 20px;
}

.about {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  padding: 0 5% 0 5%;
  text-align: center;
}
.about__header {
  font-size: 28px;
}
.about__text {
  font-size: 21px;
}

.serwis-container {
  text-align: center;
  background-color: rgba(0, 0, 0, 0.1);
  margin: 40px 0 20px 0;
}
.serwis-container__text {
  font-size: 19px;
}
.serwis-container__text--span {
  font-size: 20px;
  text-transform: uppercase;
  color: red;
}

.first {
  padding-top: 30px;
}

.last {
  padding-bottom: 30px;
}/*# sourceMappingURL=main.css.map */