body {
padding: 0;
margin: 0;
font-family: "Parkinsans", sans-serif;
font-weight: 300;
color: #000;
line-height: 1.5em; }

#line {
font-weight: 500;
color: #4C4841; }

#line a {
text-decoration: none;
color: #4C4841; }

#line a:hover {
text-decoration: underline; }

#header {
background: url('../img/header-bg.jpg');
background-repeat: no-repeat;
background-position: 50% 0%;
background-size: cover; }

.active {
color: #9DC41A !important; }

.active:hover {
border-bottom: 1px solid transparent !important; }

.nav-link {
font-weight: 500;
border-bottom: 1px solid transparent;
color: white; }

.nav-link:hover {
color: white;
border-bottom: 1px solid white; }

.navbar-toggler-icon {
color: white !important; }

#menu {
border-bottom: 1px solid rgba(255,255,255,0.1); }

#slider {
background: url('../img/slider-bg.png');
background-repeat: repeat-x;
background-position: 50% 100%;
color: white; }

.slider-photo {
min-height: 300px; }

.slider-photo img {
max-width: 100%;
height: auto;
width: auto;
max-height: 450px; }

#slider .slider-description {
color: #9DC41A; }

#contact {
position: relative;
background: url('../img/contact-bg.jpg');
background-repeat: no-repeat;
background-position: 50% 0%;
background-size: cover; }

h2 {
line-height: 1.5em; }

#contact h2 {
line-height: 1.4em;
color: white; }

#contact h3 {
color: #9DC41A;
font-size: 1.2em;
font-weight: normal; }

#essa p {
color: #4C4841; }

#essa h3 {
color: #9DC41A;
font-size: 1.2em;
font-weight: normal; }

#catalog,
#contacts,
#page {
background: url('../img/header-bg2.png');
background-repeat: repeat-x;
background-position: 50% 0%;
background-color: #f5f9e8; }

#page {
background-color: #fff; }

#catalog-mini {
background-color: #f5f9e8; }

.catalog,
.contacts {
display: grid;
gap: 20px;
grid-template-columns: 1fr; }

.catalog-product,
.catalog-button,
.contact {
background-color: #fff;
border-radius: 12px; }

.catalog-button {
text-align: center;
background: url('../img/button-bg.jpg');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover; }

.catalog-button a {
font-size: 0.9em;
font-weight: 600;
color: white; }

.contact b {
color: #008D35; }

.catalog-name {
line-height: 1.3em;
margin-bottom: 15px; }

.catalog-name a {
font-size: 0.9em;
text-decoration: none;
color: #008D35;
font-weight: 600; }

.catalog-product span {
color: #4C4841;
font-size: 0.9em; }

.button {
display: inline-block;
width: 187px;
height: 57px;
font-size: 0.9em;
font-weight: bold;
line-height: 57px;
text-align: center;
color: white;
text-decoration: none;
background: url('../img/button.png');
background-repeat: no-repeat;
background-position: 50% 50%;
background-size: cover; }

.button-white {
height: 57px;
line-height: 57px;
display: inline-block;
font-size: 0.9em;
font-weight: 400;
text-align: center;
color: white; }

#waves {
background: url('../img/footer-bg.png');
background-repeat: repeat-x;
background-position: 50% 0%;
z-index: 2;
position: relative;
margin-top: -33px;
height: 33px; }

#marks {
color: white;
background-color: #008D35; }

#footer {
border-top: 1px solid rgba(255,255,255,0.2);
color: rgba(255,255,255,0.8);
font-weight: 100;
background-color: #008D35; }

#footer a {
color: white;
text-decoration: none; }

#footer b {
color: white;
font-weight: 400; }

#footer-contacts {
display: grid;
grid-template-columns: 1fr; }

#copyright {
color: #4C4841; }

.white {
color: white; }

.green {
color: #008D35; }


@media only screen and (min-width: 600px) {
    .catalog {
        grid-template-columns: 1fr 1fr;
    }
    #contacts {
        grid-template-columns: 1fr 1fr;
    }
}


@media only screen and (min-width: 600px) {
    .catalog {
        grid-template-columns: 1fr 1fr;
    }
    #footer-contacts {
        grid-template-columns: 1fr 1fr;
    }
}


@media only screen and (min-width: 900px) {
    .catalog {
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
    #footer-contacts {
        grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
    }
}