@charset "utf-8";

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

.contentPic.R {
    padding-top:175px;
}

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

.stage.A {
    background-image: url("img/bg-leaves_01.jpg");
}

.stage.A > .content {
    padding: 1vmin 2vmin;
    text-align: center;
}

.stage.A .text {
    text-align: left;
    display:inline-block;
    vertical-align: middle;
    padding-bottom: 175px;
    box-sizing: border-box; 
}

.stage.B {
    z-index:1;
    margin-top: -170px;
    max-width: 1077px;
}

.stage.B > .content {
    background-image: url("img/bg-path_01.jpg");
    font-size: 64px;
    padding: 4vmin 4vmin;
    line-height: 125%;
    border: 1px solid #6B7067;
    font-family: Charm-Regular, Arial, sans-serif;
    text-align: center ;
}

.stage.C {
    margin-top: -175px;
}

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

@media only screen and (min-width: 1200px) {
    .stage.A .text {
        width:95%;
    }
}

@media only screen and (max-width: 1077px) {
    .stage.B > .content {
        border-left: none;
        border-right: none;
    }
}


@media only screen and (max-width: 1053px) {
    .stage.E .contentPic > img:first-child {
    display: none;
    }
    
    .stage.E .contentPic > img:last-child {
    display: inline-block;  
    }
    .stage.E > .contentPic > div {
        padding-bottom: 4vw;
    }
}

@media only screen and (max-width: 800px) {
    .stage.A .text {
        width:90%;
        font-size: 18px;
    }

    .stage.B > .content {
        font-size: 8vw;
        padding: 6vmin 4vmin;
    }