html {
    height: 100%;
    width: 100%;
    padding: 0;
    margin: 0;
}

body {
    padding: 0;
    margin: 0;
}

.full-image {
    width: 100%;
    height: 97vh;

    background-size: cover;
    position: relative;
}
.full-res {
    width: 100%;
    height: 100%;
    background-size: cover;
}

.sign {
	position: absolute;
	right: 30px;
	bottom: 20px;
	color: #ddd;
	font-family: monospace;
	background: rgba(0,0,0,0.6);
}
.gradient {
    display: inline-block;
    width: 100%;
    height: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, 1) 0px, rgba(255, 255, 255, 0.9) 50px, rgba(255, 255, 255, 0) 200px);
}

h1 {
    font-family: 'Calligraffitti', cursive;
    font-weight: normal;
    text-align: center;
    font-size: 32px;
    line-height: 50px;
}

a {
    color: #44f;
}

.tekst {
    max-width: 560px;
    padding: 5px;
    margin-left: auto;
    margin-right: auto;
}

.tekst p {
    line-height: 20px;
}


.img-felles {
    background-color: rgb(135, 127, 127);
    background-image: url(/felles-thumb.jpg);
    background-position: 50% 65%;
}
.img-felles.in-view>.full-res {
    background-position: 50% 65%;
    background-image: url(/felles.jpg);
}

.img-par {
    background-color: rgb(156, 147, 120);
    background-image: url(/par-thumb.jpg);
    background-position: 47% 20%;
    max-height: 160vw;
}
.img-par.in-view>.full-res {
    background-position: 47% 20%;
    background-image: url(/par.jpg);
}

.img-foreldre {
    background-color: rgb(142, 136, 138);
    background-image: url(/foreldre-thumb.jpg);
    background-position: 45% 60%;
    max-height: 100vw;
}
.img-foreldre.in-view>.full-res {
    background-position: 45% 60%;
    background-image: url(/foreldre.jpg);
}

.img-trondheimsgjengen {
    background-color: rgb(141, 140, 144);
    background-image: url(/trondheimsgjengen-thumb.jpg);
    background-position: 58% 40%;
    max-height: 80vw;
}
.img-trondheimsgjengen.in-view>.full-res {
    background-position: 58% 40%;
    background-image: url(/trondheimsgjengen.jpg);
}

.img-haar {
    background-color: rgb(139, 122, 109);
    background-image: url(/haar-thumb.jpg);
    background-position: 50% 50%;
    max-height: 80vw;
}
.img-haar.in-view>.full-res {
    background-position: 50% 50%;
    background-image: url(/haar.jpg);
}

.img-marius {
    background-color: rgb(137, 103, 96);
    background-image: url(/marius-thumb.jpg);
    background-position: 50% 10%;
}
.img-marius.in-view>.full-res {
    background-image: url(/marius.jpg);
    background-position: 50% 10%;
}

.img-kidsa {
    background-color: rgb(131, 133, 131);
    background-image: url(/kidsa-thumb.jpg);
    background-position: 45% 50%;
}
.img-kidsa.in-view>.full-res {
    background-image: url(/kidsa.jpg);
    background-position: 45% 50%;
}

.img-ute {
    background-color: rgb(108, 115, 116);
    background-image: url(/ute-thumb.jpg);
    background-position: 50% 30%;
}
.img-ute.in-view>.full-res {
    background-image: url(/ute.jpg);
    background-position: 50% 30%;
}

.img-forlovere {
    background-color: rgb(137, 144, 121);
    background-image: url(/forlovere-thumb.jpg);
    background-position: 50% 10%;
    max-height: 130vw;
}
.img-forlovere.in-view>.full-res {
    background-image: url(/forlovere.jpg);
    background-position: 50% 10%;
}

.img-fioliner {
    background-color: rgb(139, 136, 136);    
    background-image: url(/fioliner-thumb.jpg);
    background-position: 50% 25%;
}
.img-fioliner.in-view>.full-res {
    background-image: url(/fioliner.jpg);
    background-position: 50% 25%;
}

.img-dans {
    background-color: rgb(127, 93, 70);
    background-image: url(/dans-thumb.jpg);
    background-position: 59% 45%;
}
.img-dans.in-view>.full-res {
    background-image: url(/dans.jpg);
    background-position: 59% 45%;
}

.img-bord {
    background-color: rgb(153, 111, 82);
    background-image: url(/bord-thumb.jpg);
    background-position: 55% 45%;
    max-height: 115vw;
}
.img-bord.in-view>.full-res {
    background-image: url(/bord.jpg);
    background-position: 55% 45%;
}

.img-dans2 {
    background-color: rgb(141, 98, 60);
    background-image: url(/dans2-thumb.jpg);
    background-position: 45% 35%;
}
.img-dans2.in-view>.full-res {
    background-image: url(/dans2.jpg);
    background-position: 45% 35%;
}

.img-gjettelek {
    background-color: rgb(209, 171, 118);
    background-image: url(/gjettelek-thumb.jpg);
    background-position: 50% 35%;
}
.img-gjettelek.in-view>.full-res {
    background-image: url(/gjettelek.jpg);
    background-position: 50% 35%;
}

.img-guttane {
    background-color: rgb(113, 121, 95);
    background-image: url(/guttane-thumb.jpg);
    background-position: 16% 25%;
}
.img-guttane.in-view>.full-res {
    background-image: url(/guttane.jpg);
    background-position: 16% 25%;
}

.img-nesekollisjon {
    background-color: rgb(134, 107, 82);
    background-image: url(/nesekollisjon-thumb.jpg);
    background-position: 58% 50%;
    max-height: 135vw;
}
.img-nesekollisjon.in-view>.full-res {
    background-image: url(/nesekollisjon.jpg);
    background-position: 58% 50%;
}

.img-selskap {
    background-color: rgb(146, 133, 128);
    background-image: url(/selskap-thumb.jpg);
    background-position: 50% 50%;
}
.img-selskap.in-view>.full-res {
    background-image: url(/selskap.jpg);
    background-position: 50% 50%;
}