/* Start:/local/templates/tatyanamamakova/css/kontakty.css?17505161442134*/
:root {
  --color-background: #fffcf6;
  --color-primary: #3f926e;
  --color-primary-light: #679782;
  --color-primary-bg: rgba(103, 151, 139, 0.3);
  --color-text-dark: #000000;
  --color-text-light: #979797;
  --color-text-placeholder: #747474;
  --color-white: #ffffff;
  --font-body: 'Inter', sans-serif;
  --font-display: 'Great Vibes', cursive;
}

body {
  margin: 0;
  background-color: var(--color-background);
  font-family: var(--font-body);
  color: var(--color-text-dark);
  overflow-x: hidden;
}

.page-wrapper {
  max-width: 1920px;
  margin: 0 auto;
  position: relative;
}

.container {
  margin: 0 auto;
  padding: 0 20px;
}

.header-container, .footer-container {
    max-width: 1600px;
}

.main-container {
    max-width: 1181px;
}

a {
  text-decoration: none;
  color: inherit;
}

h1, h2, h3, h4, p, ul {
  margin: 0;
  padding: 0;
}

ul {
  list-style: none;
}

button {
  border: none;
  background: none;
  cursor: pointer;
  padding: 0;
  font-family: inherit;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.decorative-flower-left {
    position: absolute;
    top: 350px;
    left: -300px;
    z-index: -1;
    width: 797px;
    height: 834px;
}

.decorative-flower-footer {
    position: absolute;
    bottom: -100px;
    right: -200px;
    z-index: 0;
    width: 1057px;
    height: 1034px;
    transform: rotate(-69.99deg);
}

.decorative-flower-left img, .decorative-flower-footer img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

@media (max-width: 1600px) {
    .decorative-flower-left {
        left: -400px;
    }
    .decorative-flower-footer {
        right: -300px;
    }
}

@media (max-width: 1200px) {
    .decorative-flower-left, .decorative-flower-footer {
        transform: scale(0.8);
    }
    .decorative-flower-left {
        left: -450px;
    }
    .decorative-flower-footer {
        right: -350px;
    }
}

@media (max-width: 768px) {
    .decorative-flower-left, .decorative-flower-footer {
        display: none;
    }
}
/* End */
/* /local/templates/tatyanamamakova/css/kontakty.css?17505161442134 */