/* Shrift Mulish: woff2 (osnovnoy format) + woff (strakhovka dlya starykh brauzerov).
   Fayly .eot (tolko staryy IE) i .ttf (brauzery do 2012 goda) udaleny kak nenuzhnye. */
@font-face {
	font-family: "Mulish";
	src: url("../fonts/Mulish-Regular.woff2") format("woff2"),
	     url("../fonts/Mulish-Regular.woff") format("woff");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}
@font-face {
	font-family: "Mulish";
	src: url("../fonts/Mulish-Medium.woff2") format("woff2"),
	     url("../fonts/Mulish-Medium.woff") format("woff");
	font-style: normal;
	font-weight: 500;
	font-display: swap;
}
@font-face {
	font-family: "Mulish";
	src: url("../fonts/Mulish-Bold.woff2") format("woff2"),
	     url("../fonts/Mulish-Bold.woff") format("woff");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}
html {
    overflow-x: hidden;
}
*, *::before, *::after {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
body {
    font-family: "Mulish", sans-serif;
    line-height: 1.5;
    color: #333;
    background-color: #fff;
    min-height: 100vh;
	font-size:16px;
	font-weight:normal;
}
ul, ol {
    list-style: none;
}
strong, b {
	font-weight: 700;
}
a {
	color:#2f865c;
	text-decoration:none;
	font-weight: 700;
	-webkit-transition: all 360ms ease-in-out;
	-moz-transition: all 360ms ease-in-out;
	-o-transition: all 360ms ease-in-out;
	-ms-transition: all 360ms ease-in-out;
	transition: all 360ms ease-in-out;
}
a:hover {
	color:#333;
	text-decoration:none;
	-webkit-transition: all 360ms ease-in-out;
	-moz-transition: all 360ms ease-in-out;
	-o-transition: all 360ms ease-in-out;
	-ms-transition: all 360ms ease-in-out;
	transition: all 360ms ease-in-out;
}
img {
    max-width: 100%;
    height: auto;
    display: block;
}
.flex-st {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
h1 {
	font-weight: 700;
	font-size:30px;
}
h2 {
	font-weight: 700;
	font-size:25px;
}
h3 {
	font-weight: 700;
	font-size:18px;
}
/* ============================================================
   Plavnaya prokrutka po vsem yakornym ssylkam (href="#...").
   Rabotaet v sovremennykh brauzerakh; esli v sisteme vklyucheno
   "umenshit dvizhenie", prokrutka ostaetsya mgnovennoy.
   ============================================================ */
html, body {
    scroll-behavior: smooth;
}
/* Nebolshoy otstup, chtoby zagolovok razdela ne upiralsya v kray ekrana */
#works,
#portfolio,
#prices {
    scroll-margin-top: 20px;
}
@media (prefers-reduced-motion: reduce) {
    html, body {
        scroll-behavior: auto;
    }
}