* {
    font-size: 14pt;
}

p, h2 {
    margin-bottom: 0.8rem;
}

.morework {
    width: 80vw;
}

.intro {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.introleft, .introright {
    width: 100%;
}

.introleft {
    margin-bottom: 1rem;
}

.textgrid {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.textleft {
    margin: 0 0 1rem 0;
}

.banner {
    margin-top: 2rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
}

.under {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    margin: 2rem 0 0 0;
}

.under h2, .under p {
    width: 100%;
}

.mockup {
    margin-top: 2rem;
}

.nr img {
    height: 200px;
    padding-top: 1rem;
}

.nrtext {
    margin: 1rem;
    text-align: center;
    overflow: hidden;
    font-size: 1.3rem;
}

.darbetext {
    margin: 1rem 0 0 0;
    font-size: 1.3rem;
}

.darbe img {
    height: 250px;
}

/* Bot Nav */

.botnavlink {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0;
}

.botnavtext {
    margin-bottom: 0.8rem;
    text-align: center;
}

.nrlink:hover,
.rocklink:hover,
.cilembulink:hover,
.darbelink:hover,
.nrprevlink:hover,
.cilembuprevlink:hover {
    background: none;
}

.prev, .next {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
}

.prev .botnavlink {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
}

.setimg {
    height: 30vh;
    margin-bottom: 1rem;
}

.imgrock:nth-child(2),
.imgdarbe {
    height: 25vh;
}

.imgnr:nth-child(2),
.imgnr:nth-child(5) {
    height: 40vh;
}

.imgcilembu:nth-child(1),
.imgcilembu:nth-child(2) {
    height: 30vh;
}

@media only screen and (min-width: 550px) {
    .setimg {
        height: 50vh;
    }

    .imgrock:nth-child(2),
    .imgdarbe {
        height: 55vh;
    }

    .imgnr:nth-child(2),
    .imgnr:nth-child(5),
    .imgcilembu:nth-child(1),
    .imgcilembu:nth-child(2) {
        height: 75vh;
    }
}