@charset "utf-8";

.introBG  {
    background-image: url("img/top-naturalnosc_01.jpg");
    background-position: 60% 50%;
}

.stage {
    font-family: Montserrat-Regular, Arial, sans-serif;
    font-size: 20px;
}

.stage a, .stage a:visited {
    color: white;
    text-decoration: none;
    font-weight: bold;
}

.stage.A {
    background-color: black;
}

.stage.A h1 {
    font-size: 55px;
}

.stage.A > .contentPic {
    background-image: url("img/bg-ivy_01.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.stage.B {
    background-image: url("img/bg-forest_01.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    font-family: Charm-Regular, Arial, sans-serif;
    font-size: 64px;
    text-align: center;
}

.stage.B > div {
    padding: 55px 3vw;
}

.stage.D {
    background-color: black;
}

.stage.D > .contentPic {
    background-image: url("img/bg-bark_02.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
}

.stage.D > .contentPic h1 {
    font-size: 58px;
}

.stage.D .contentPic > img:last-child {
    display:none;
}

@media only screen and (max-width: 1053px) {
    .stage.D .contentPic > img:first-child {
      display: none;
    }

    .stage.D .contentPic > img:last-child {
        display: inline-block;
      }
}


@media only screen and (max-width: 800px) {
    .stage.A h1 {
        font-size: 8vw;
    }

    .stage.B {
        font-size: 7vw;
    }

    .stage.B > div {
        padding: 10vw 7vw;
    }
}