@font-face {
    font-family: "Rubik";
    src: url('https://zlobekjastrzebie.pl/fonts/Rubik-Regular.ttf') format("truetype")
}

:root {
    --milk-white: rgb(255, 252, 240);
    --green: rgb(0, 183, 74);
    --magenta: rgb(182, 104, 201);
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

html, body {
    font-family: "Rubik";
}

/* HEADER */
header li > a {
    color: var(--green) !important;
}

header li > a:hover {
    color: #fff !important;
    background-image: url("img/btn.png");
    background-repeat: no-repeat;
    background-position: center;
    transition: .5s;
}

header,
#about, #rekru {
    background-color: var(--milk-white);
}

.wrapper {
    padding: 100px 0 200px 0;
}

.wrapper h1 {
    font-size: 3.5em;
    color: var(--green);
}

.wrapper p {
    font-size: 1.5em;
}

.wrapper button {
    background-color: transparent;
    background-image: url("img/btn.png");
    background-repeat: no-repeat;
    border: none;
} 

/* SECTION */

.group-kids {
    position: relative;
    z-index: 5;
    background-color: var(--green);
}

/* SECTION SUB-PAGE GROUP-KIDS */
.group-one {
    background-image: url('img/group-one.png');
    background-repeat: no-repeat;
    background-position: center;
}

.group-two {
    background-image: url('img/group-two.png');
    background-repeat: no-repeat;
    background-position: center;
}

.group-three {
    background-image: url('img/group-three.png');
    background-repeat: no-repeat;
    background-position: center;
}

/* SECTION SUB-PAGE ABOUT */
#about h2 {
    padding: 100px 0;
}

#about address h5 {
    background-image: url('img/btn.png');
    background-repeat: no-repeat;
    background-size: 25%;
    background-position: center;
    color: #fff;
    padding: 10px 5px;
    margin: 0;
}

#about .dyr h5 {
    background-image: url('img/dyr.png');
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    padding: 10px 5px;
    margin: 0;
}

#about .hours h5 {
    background-image: url('img/hours.png');
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    padding: 10px 5px;
    margin: 0;
}

#about .count h5 {
    background-image: url('img/hours.png');
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    padding: 10px 5px;
    margin: 0;
}

#about .ceo h5 {
    background-image: url('img/ceo.png');
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    padding: 10px 5px;
    margin: 0;
}

#about .pp h5 {
    background-image: url('img/ceo.png');
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    padding: 10px 5px;
    margin: 0;
}

#about .contact h5 {
    background-image: url('img/btn.png');
    background-repeat: no-repeat;
    background-position: center;
    color: #fff;
    padding: 10px 5px;
    margin: 0;
}

/* SECTION SUB-PAGE REKRU */
#rekru h2 {
    padding: 50px 0;
}

/* FOOTER */
footer {
    background-color: var(--magenta);
}

footer a {
    color: #fff !important;
}

footer p {
    font-size: 0.8em;
    color: #fff;
}

footer li > a:hover {
    color: var(--green) !important;
}