html {
    font-family: Verdana, Geneva, Tahoma, sans-serif
}


:root{
  --kull: #101010;
  --hvit: #dfd5c3;
  --gylden: #f5a700;
  --red: #B31F24
}
 
a{
text-decoration: none;
}

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

body {
  margin: auto;
  width: 94%;
  background-color: var(--kull);
  color: var(--hvit);
  padding-bottom: 20vh;
}

video {
  width: 100%;
}

.uthevet {
  color: var(--gylden);
}

header {
  display: flex;
  margin: auto;
  padding-top: 2vh;
  font-family: 'Anton';
}

.headerbox {
  display: flex;
  width: 100%;
}

.logotext {
 color: var(--gylden);
 padding-top: 1vh;
 margin-bottom: 1.5vh;
}

.logotext:hover {
  scale: 99%;
}

.portfolioexhibition {
  line-height: 0.97;
  justify-self: right;
  text-align: right;
  align-content: end;
}

.portfolioexhibition:hover {
  scale: 99%;
}

.portfolio-tittel{
  font-size: 3vw;
}
.exhibition-tittel {
  font-size: 2.92vw;
}

.year-tittel {
  font-size: 1vw;
}

 /* .music-player {
  scale: 75%;
  background-color: #f5a700;
  padding: 0;
  margin: 0;
} */

.headerline {
  width: 100%;
  height: 0.4vh;
  background-color: var(--gylden);
  /* margin-top: 1.5vh; */
  margin-bottom: 3vh;
  border: none;
}

main {
  display: flex;
  margin: auto;
  justify-content: space-between;
 }

 .prosjekter-seksjon {
  display: grid;
  width: 100%;
  grid-template-columns: repeat(2,1fr);
  gap: 2%;
 }

.prosjekt {
  aspect-ratio: 1/1;
  background-color: var(--hvit);
  font-family: 'Anton';
}

.prosjekt:hover{
  scale: 98%;
  /* transition: 0.1s; */
}

.project-image {
  width: 100%;
   border-bottom: var(--kull) solid 0.2em;
}

.prosjektnavn {
  display: flex;
  /* text-wrap: nowrap; */
  width: 100%;
  padding-left: min(0.8vw, 0.8vh);
  color: black;
  padding-top: min(0.7vw, 0.7vh);
  /* align-items: flex-end; */
  /* background-color: rgb(26, 10, 45); */
 }

.prosjekt-tittelognavn {
align-self: center;
}



/* ---------------------------------------------------- */

/* .prosjekt-tittel {
  font-size: 4.5vw;
  }

.prosjektnavn-over{
  font-size: 2.5vw;
}

.prosjektnr {
  font-size: 8vw;
  padding-right: 0.6vw;
  } */

  /* -------------------------------------------- */

  .prosjekt-tittel {
    font-size: 1.15em;
    line-height: 1;
    }
  
  .prosjektnavn-over{
    font-size: 0.6em;
  }
  
  .prosjektnr {
    font-size: 2em;
    padding-right: min(0.6vw, 0.6vh);
    }


/* --------------------------------------------------- */

.profile {
  display: flex;
  flex-direction: column;
  /* align-items: flex-start; */
  /* width: 40vh; */
  height: 100%;
  }

.profil-header {
  /* background-color: var(--hvit); */
  
  /* width: 100%; */
  margin-bottom: min(1.5vw, 2vh);
}

.profile-picture{
  width: 92%;
}


.profile p{
  /* font-family:Verdana, Geneva, Tahoma, sans-serif; */
  line-height: 1.5;
  /* font-size: small; */
  font-size: normal;
}

.profile-text {
  color: #cccccc;
  /* margin-bottom: 1vw; */
}

.contact {
  width: 100%;
  color: #cccccc;
  background-color: var(--gylden);
  padding: 0.5em;
  width: 80%;
  margin: auto;
  margin-top: 1.2em;
  text-align: center;
}

.epost{
  color: var(--kull);
  font-weight: 400;
  padding-right: 1em;
  /* text-align: center; */
  /* color: var(--gylden); */
  /* font-size:medium; */
  /* font-family: Arial, Helvetica, sans-serif; */
}


/* --------------------- prosjektsider ------------------ */

.prosjektside main {
  display: block;
  /* width: 70%; */
  padding-bottom: 1vw;
  /* border: brown 1px solid; */
}

.prosjektside-split {
  display: flex;
  gap: min(2vw, 2vh);
  justify-content: space-between;
  margin-bottom: 2vh;
  height: fit-content;
  /* background-color: #172726; */
  /* max-height: 80vh; */
  /* align-items: flex-end; */
}



h1 {
  padding: 0;
  margin: 0;
  font-weight: 450;
  font-family: 'Anton';
}

.prosjektside-top h1 {
  letter-spacing: 0.1vw;
}

.prosjektside-top {
  padding-bottom: 1em;
  font-size: 150%;
  display: flex;
  align-items: center;
  /* background-color: #f5a700; */
  text-wrap: nowrap;
  width: 100%;
  
}

.prosjektside-top > .prosjekt-nr {
  /* font-size: 12vh; */
  font-size: 5em;
  padding-right: min(1.7vh, 1.7vw);
  font-family: 'Anton';
}

.prosjektside-split-venstre {
  display: flex;
  flex-direction: column;
  /* justify-content: space-between; */
  /* width: 60%; */
  width: 47%;
  height: auto;
}

.prosjekt-intro {
  padding-top: min(2vh, 2vw);
}

.prosjektside-split-høyre img{
  /* max-height: 70vh; */
  width: 100%;
  max-height: 80vh;
}

.prosjekttekst2 {
  margin-top: auto;
  /* background-color: olive; */
}

.flex2{
  flex: 2;
}
.flex3{
  flex: 3;
}

.prosjekt-video {
  max-height: 40vh;
} 


.youtube {
  margin-top: auto;
    /* align-items: flex-end; */
}

.prosjekt-video-youtube {
  width: 100%;
}

.flexcolumn{
  display: flex;
  flex-direction: column;
}


.skille {
  margin-top: min(5vh, 5vw);
  margin-bottom: min(5vh, 5vw);
  height: min(2.5vh, 2.5vw);
  background-color: brown;
  border: none;
}


.overskrift{
  /* margin-bottom: 8vw; */
  /* display: flex; */
  font-size: 300%;
  /* font-weight: 100; */
  /* display: flex; */
  }

.overskrift hr {
  width: 100%;
  align-self: center;
  margin: 0;
  padding: 0;
}

.gultittel{
  color: var(--gylden);
  line-height: 1.5;
  /* padding-bottom: 0.5em; */
  /* background-color: bisque; */
}

.nopad {
  padding: 0;
}

#bolk_block {
  display: block;
}

.bildetekst{
width: 60vh;
}
.bildetekst2{
  width: 30vh;
  margin-top: auto;
  /* margin-left: 4vh; */
}

/* .bildetekst img {
  width: 60vh;
} */

.bildetekst_bilder {
   background-color: #cccccc;
   display: flex;
   justify-content: space-between;
}

.bildetekst_bilder img {
/* width: 15vh; */
height: 20vh;

}

.prosjektgalleri {
  display: flex;
  justify-content: space-between;
  gap: 1vh;
  padding-top: 1vh;
  padding-bottom: 1vh;
  }

  .prosjektgalleri2 {
    display: flex;
    gap: 1vh;
    /* background-color: brown; */
    width: 100%;
    /* overflow: hidden;  */
    align-items: flex-end;
  }
  .prosjektgalleri2 img {
    width: 100%;
  }

/* ------------------------------------------------------------ */
/* gpt zoom lightbox */

.lightbox {
  cursor: zoom-in;
  transition: transform 0.2s;
  flex-shrink: 0;
  min-width: auto;
}

.overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0,0,0,0.8);
  display: none;
  justify-content: center;
  align-items: center;
  z-index: 999;
}

.overlay-img, .overlay-vid{
  max-width: 90%;
  max-height: 90%;
  overlay: 1000;
}

.overlay.active{
  display: flex;
}




/* --------------------------------------------------------- */





/* --------------------------------------------------------------------- */

.prosessbilder{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-around;
  gap: 1vh;
  padding-bottom: 1vh;
  
}
.prosessbilder img{
    height: 27vh;
  }


.bilder_2x2{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1vh;
}
.bilder_2x2 img {
  height: 30vh;
}

.bilder_2x10{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 1vh;
  margin-top: 4vh;
  margin-bottom: 4vh;
  align-items: center;
}

.bilder_2x10 img {
    /* width: 19%; */
    width: 100%;  
} 

/* .bilder_2x10 {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 1vh;
  padding-top: 5vh;
  padding-bottom: 5vh;
} */




  figcaption {
    justify-content: end;
    padding-top: 0.5vh;
    display: flex;
    text-wrap: nowrap;
  }

  figcaption hr {
    width: 100%;
    align-self: center;
  }
  .hr2 {
    width: 4vh;
  }

  .galleribilde {
    width: 100%;
    flex: 3;
  }

  .galleribilde img {
    width: 100%;
  }
  



/* ---------------- mise ------------- */
.oppslagsgalleri {
display: flex;
flex-wrap: wrap;
/* background-color: olive; */
justify-content: space-between;
row-gap: 2vh;
}

.oppslag {
  display: flex;
  /* width: 40vh; */
  gap: 0.1vh;
  width: 32%;
  transition: 0.1s;
}


.medstrek {
  display: flex;
  width: 100%;
  /* flex-wrap: nowrap; */
  text-wrap: nowrap;
}

.medstrek hr {
  margin-right: 1vw;
  width: 100%;
  align-self: center;
  border: none;
  margin-top: 0.8vw;
  height: 0.5vw;
  background-color: #f5a700;
}

.medstrek2 {
  display: flex;
  width: 100%;
  text-wrap: nowrap;
}

.medstrek2 hr {
  width: 100%;
  align-self: center;
  border: none;
  margin-top: 0.4em;
  height: 2vw;
  background-color: #f5a700;

}



.prosjektside footer {
  /* margin-top: 10vh; */
  padding-top: 10vw;
  height: 10vw;
  margin: auto;
  font-size: small;
}

.footer-prosjekter {
display: flex;
justify-content: space-between;
width: 100%;
}
.vinyltest{
  width: 21%;
  /* height: 100%; */
  width: auto;
  gap: 1vh;
}
.vinyltest img{
  width: 100%;
}
.vinylvideo{
/* height: 60vh; */
max-width: 100%;
width: auto;
}

/* ----------------------------------------------------------------------------------- */

/* ----------------ylva------------------- */

.bilde-vertikalt{
  max-height: 20vh;
}

.dummy-oppslag{
  /* width: 1vh; */
  /* background-color: #cccccc; */
  /* height: 1vh; */
  flex: 0.89;
}


.flipbook-module {
  margin: 0 auto;
  display: flex;
  justify-content: space-between;
  align-items: center;
  
}

.nav-btn {
  flex: 0 0 50px;
  background: var(--red);
  color: var(--hvit);
  border: none;
  /* width: 2em; */
  height: 6em;
  cursor: pointer;
}

.img-box {
  display: flex;
  overflow-x: auto;
  justify-content: center;
}

.pages-container {
  display: flex;
  width: 100%;
}


.img-box img {
  width: 100%;
  padding-left: 1em;
  padding-right: 1em;
  /* flex-shrink: 0; */
  display: inline;
  /* object-fit: contain; */
}

/* ------------------------------------ GYOTAKU ------------------------------------------------------ */


.bunnbilder {
display: flex;
gap: 1vh;
justify-items: space-around;
padding-left: 1vh;
padding-right: 4vh;
position: relative;
margin-bottom: 1em;
}

.bunnbilder::after{
  content: '';
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  height: 1vh;
  transform: translateY(-50%);
  background-color: var(--gylden);
  z-index: 1;

}


.bunnbilder img {
  width: 25%;
  position: relative;
  z-index: 2;
  margin-bottom: 0;

}

.bolk-galleri {
  width: 60vh;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  /* background-color: rgb(70, 70, 34); */
}

.bilde75{
  width: 75%;
}

.bolk3{
  display: flex;
  width: 100%;
  gap: 4vh;
}

.half{
  max-width: 50%;
}




/* ------------- egenberedskap --------------- */

.prosjektgalleri4 {
  display: flex;
  width: 100%;
  justify-content: space-between;
}
.prosjektgalleri4 img {
  width: 49.5%;
  /* border: 1px solid var(--gylden); */
}

.fotobit{
  padding-bottom: 12vh;
}

.tape{
  align-self: center;
  width: 100%;
  height: 2em;
  background: repeating-linear-gradient(
    -45deg,
    var(--gylden),
    var(--gylden) 15px,
    #141617 15px,
    #141617 30px
  );
}

.overskrift-scifi{
  font-size: 3.6em;
  font-family: Arial, Helvetica, sans-serif;
  /* font-weight: 500; */
  border: solid 5px ;
  border-color: rgba(var(--gylden) 0.1);
}


/* ------------------------------------------------------------------------------------------- */


@media screen and (max-width: 724px)
/* (max-width: 1024px) */
{
  /* ------------------------------------- */
  .MQsmall{
    display: block;
  }
  .MQmid{
    display: none;
  }
  .MQlarge{
    display: none;
  }
  .MQlarger{
    display: none;
  }
  /* ------------------------------------------- */

header{
  max-width: 100%;
}

/* .headerbox{
  background-color: olive;
} */
.logotext{
  line-height: 1;
  /* justify-content: flex-end; */
}
 .navn{
  font-size: 12.5vw;
 }
 .tittel{
  font-size: 3.7vw;
 }
 

main{
    flex-direction: column-reverse;
    width: 100%;
    /* background-color: brown; */
    /* height: fit-content; */
}
.profile{
  width: 100%;
  /* display: flex; */
  /* flex-wrap: nowrap; */
}


.profil-header{
  display: flex;
  justify-content: space-around;
  align-items: center;
  /* height: auto; */
  /* height: 50%; */
  /* width: 45%; */
  /* right: 0; */
}

.profile-text{
  margin-top: 2%;
  margin-bottom: 8%;
}

/* .profile-picture{
  width: 92%;
} */

/* .prosjekter-seksjon{
  background-color: olive;
  width: 100%;
  display: block;
  margin: auto;
} */

.prosjektside-split{
    display: block;
    /* background-color: darkblue; */
    }

    .prosjektside-split-venstre {
      width: 100%;
    }

    .prosjektside-top > .prosjekt-nr {
      padding-right: 2vh;
      font-family: 'Anton';
      font-size: 340%;
    }
    .prosjektside-topstack{
      font-size: 70%;
    }

 /* figure{
  width: 100%;
  max-width: 724px;
  height: auto;
 } */

    .prosjektside-split-høyre {
      display: block;
      margin: auto;
      width: 100%;
    }
    .prosjektside-split-høyre>img {
      width: 100%;
      /* max-width: none; */
      height: auto;
      /* margin: auto; */
    }

    .prosjekt-intro{
      margin-top: 2em;
      margin-bottom: 2em;
    }

    .youtube{
      margin: auto;
      margin-bottom: 2em;
      
     }

     .prosjekt-video-youtube{
      width: 100%;
       aspect-ratio: 16/9;

     }

     /* .skille{
      display: none;
     } */

.bolk{ 
  display: flex;
  justify-content: space-between;
  gap: 2vh;
  flex-direction: column;
  /* margin-top: 12vw;  */
  width: 100%;
  padding-top: 5vh;
  padding-bottom: 5vh;
}

.bolk-r{ 
  display: flex;
  justify-content: space-between;
  gap: 2vh;
  flex-direction: column-reverse;
  /* margin-top: 12vw;  */
  width: 100%;
  padding-top: 5vh;
  padding-bottom: 5vh;
}



  .nav-btn {
    flex:none;
    font-size: 50%;
    background: var(--red);
    color: var(--hvit);
    border: none;
      width: 1.5em;
    height: 10em;
    cursor: pointer;
  }




.prosjektgalleri{
  flex-direction: column;
  }
  .prosjektgalleri>*{
    margin-top: 4vw;
  }

  .bilder_2x10{
  grid-template-columns: repeat(2, 1fr);
  }

 
  .bolk-aatb{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    /* padding: 6vh; */
    gap: 1vh;
    /* background-color: olive; */
    padding-top: 5vh;
    padding-bottom: 5vh;
  }
  .bolk-aatb img{
    /* width: 55vh; */
    width: 80%;
  }

  .bilder_3x2{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 1vh;
    min-width: 50%;
  }
  .bilder_3x2 img {
    width: 100%;
  }

  #vinylimg {
    display: flex;
   justify-content: space-between;
   /* background-color: olive; */
   /* width: 100px; */
  }
  #vinylimg>figure{
    width: 49%
  }

  .cursed{
    width: 100%;
   }
  
  .prosjektgalleri3 video {
   width: 100%;
  }

  .zoom_cta{
    display: none;
  }


/* ---------------------------------- MISE EN SCENE --------------------------------------- */

.bildestripe {
  display: flex;
   /* justify-content: center; */
   justify-content: space-between;
   /* gap: 2vh; */
   /* height: 29vh; */
   margin-top: 2vw;
   margin-bottom: 4vw;
   flex-wrap: wrap;
   row-gap: 2vw;
 }
 
 .bildestripe img {
   /* width: 25%; */
     /* width: 28vh; */
     /* width: 24%; */
     width: 49%;
     /* height: 100%; */
   }

   .oppslagsgalleri{
    /* display: flex; */
    display: block;
    /* row-gap: 2vw; */
    /* flex-wrap: wrap; */
    margin-bottom: 12vw;
   }
   .oppslagsgalleri img{
    width: 100%;
    margin-top: 2vw;
   }

.tekststripe{
  display: block;
  /* margin-bottom: 12vw; */
  
}
.tekststripe p{
  margin-top: 2em;
}

.pc-only{
  display: none;
}
  
.overskrift2{
  margin-top: 12vw;
  font-size: 300%;
}
.overskrift{
  margin-top: 12vw;
}

.bildestripe3 img{
  width: 100%;
}

.bildestripe4>figure>img {
  width: 100%;
  /* height: auto; */
  display: block;
  object-fit: contain;
}

  /* ----------------------------------------------------------------------------------------------- */
}


@media only screen and (min-width: 724px)
{

  /* ------------------------------------- */
  .MQsmall{
    display: none;
  }
  .MQmid{
    display: block;
  }
  .MQlarge{
    display: none;
  }
  .MQlarger{
    display: none;
  }
  /* ------------------------------------------- */

  /* body{
    max-width: fit-content;
  } */

  header, main {
    width: 95%;
    /* min-width: fit-content; */

  }
     
.navn {
  font-size: 5em;
  /* font-size: 10vmax; */
  text-transform: uppercase;
  white-space: nowrap;
  line-height: 0.9;
}

.tittel {
  /* font-size: 2.96vmax; */
  font-size: 1.4em;
  text-align: right;
  padding-top: 0.4vh;
  text-wrap: nowrap;
}

.mobile-only{
  display: none;
}

.profil-header{
  width: 100%;
  /* text-align: center; */
  /* background-color: var(--hvit); */
}



.logoimg {
   /* padding-left: 2.5vmax; */
   padding-left: 1em;
  }

.logo {
  /* height: 14vw; */
  height: 100%;
  border-radius: 10px;
  padding-left: 1em;
}

.medstrek hr{
  height: 0.2em;
  margin-top: 1%;
 }

.prosjekter-seksjon {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 1.5vh;
     height: fit-content;
     width: fit-content;
  }

  /* .prosjekt{
    height: 37vh;
    max-width: min(37vh, 30vw); 
      } */
  
.prosjektnavn {
  display: flex;
  text-wrap: nowrap;
  padding-left: min(0.5vw, 0.5vh);
  height: fit-content;
  color: black;
  align-items: center;
   /* font-size: min(1vw, 72%); */
   /* font-size: 0.72em; */
 }

/* .prosjekt-tittel {
  font-size: 2.9em;
  }

.prosjektnavn-over{
  font-size: 1.4em;
}

.prosjektnr {
  font-size: 5.5em;
   } */

.profile {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  /* width: 40vw; */
  height: 100%;
  /* padding-left: 3vw; */
  padding-left: min(2vh, 2vw);
  max-height: 80vh;
  max-width: min(30vh, 30vw);
}

/* .profile-picture{
  max-width: min(20vw, 20vh);
  max-height: 15vw;
} */

.profile-text{
  box-sizing: border-box;
  overflow-y: auto;
  /* display: flex;
  flex-direction: column;
  justify-content: space-between; */
  /* background-color: rgb(44, 44, 6); */
}

.prosjektside-split-høyre {
  max-width: 49%;
  margin-top: auto;
  text-align: right;
}

.prosjektside-split-venstre {
  width: 47%;

}



.bolk{
  display: flex;
  /* justify-: center; */
  flex-direction: row;
  /* background-color: olive; */
  width: 100%;
}
/* .bolk>.prosjekttekst2{
  width: 20%;
} */
.prosjekttekst {
  /* width: 60vh; */
  max-width: 60vh;
  min-width: 40%;
}



.bolk-aatb{
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  /* flex-wrap: nowrap; */
justify-content: center;
  /* background-color: brown; */
}

.bolk-aatb img{
  /* width: 55vh; */
  width: 40%;
  /* margin: auto; */
  /* justify-content: center; */
}

.bolk-r{
  display: flex;
  flex-direction: row;
  width: 100%;
  /* flex: 3 */
  margin-top: min(4vw, 4vh);
  margin-bottom: min(4vw, 4vh) ;
}
/* .bolk-r>.bilder_3x2{
  grid-template-columns: repeat(1, 2fr);
} */

.overskrift{
margin-bottom: 0;
}

.overskrift2{
  /* margin-top: 12vw; */
  font-size: 350%;
}


.galleribilde{
  max-width: 45%;
  /* padding-top: 6em; */
}

.flexcolumn{
  max-width: 60%;
}

.bilder_3x2{
  grid-template-columns: repeat(3, 1fr);
  width: 60%;
}
.bilder_3x2 img{
  width: 32%;
}
.bolk-r>.prosjekttekst2{
  width: 10vw;
  /* background-color: olive; */
}

#vinylimg{
  display: flex;
  gap:1vw;
  /* width: 40%; */
  /* justify-self: center; */
  margin: auto;
}

#vinylimg > figure{
max-width: 16.5vh;
/* height: 100%; */

}

.cursed{
  width: 100%;
}


/* .oppslagsgalleri :active {
  transition: 0.1s;
  transform: scale(2);
  cursor: none;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%) scale(2);
  z-index: 2;
} */


.pc-only{
  display: block;
}

/* .prosjekttekst {
  max-width: 60vh;
  min-width: 40%;
} */


.tekststripe {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 2vh;
  row-gap: 3vh;
}


.bildestripe3 {
  display: flex;
  justify-content: space-between;
  /* flex-direction: column; */
}
.bildestripe3 img {
  width: 33%;
}

/* .bildestripe4{
  display: flex;
  justify-content: space-between;

} */


.bildestripe4>figure>img {
  width: 100%;
  height: auto;
}

.bildestripe4>figure {
  /* width: 25%; */
  /* display: block; */
  min-width: 0;

}


       /* ----------------------------------------------------------------------------------------------- */
}
@media screen and 
(min-width:1024px)
/* (min-width:1000px) */
/* (min-width:1200px) */
/* -----------------------------LAPTOP */
{

  /* ------------------------------------- */
.MQsmall{
  display: none;
}
.MQmid{
  display: none;
}
.MQlarge{
  display: block;
}
.MQlarger{
  display: none;
}
/* ------------------------------------------- */


.zoom_cta{
  display: block;
  text-align: center;
}

  header, main {
       width: 85%;
       height: fit-content;
       /* max-width: min(120vh, 65em) ; */
  }
  
  .headerbox{
    font-size: 80%;
  }
  
  .forside {
    overflow: hidden; 
    padding-bottom: 0;
    }

.prosjektnavn{
  font-size: max(01.35vw, 2.7vh);
  padding-top: 2.5%;
}

    .prosjekt{
      max-width: min(34vh, 28vw);
      }

    

    .profile{
      max-width: min(34vw);
    }

  .profile-text{
    overflow-y: hidden;
    font-size: 85%;
    /* min-width: 30vw; */
    margin-top: 0;
    margin-bottom: 0;
  }

  .prosjektside-split-venstre {
    width: 60%;
     }

  .prosjektgalleri3{
    display: flex; 
    /* align-self: flex-end; */
    /* margin-top: auto; */
    /* background-color: olive; */
    gap: min(2vw, 2vh);

  }
#vinylimg{
  display: flex;
  flex-direction: column;
  width: min(20vw, 20vh);
  /* align-self: flex-end; */
  /* align-content: flex-end; */
}

.bildestripe{
  display: flex;
  /* gap: min(2vw, 2vh); */
  justify-content: space-between;
  margin-top: min(2vh, 2vw);
  margin-bottom: min(2vh, 2vw);
}
.bildestripe img{
  width: 24%;
}
.prosjekt-video2 {
  width: 65%;
  margin-right: 2vh;
}
.prosjekt-video3 {
  width: 20vw;
  margin-right: 2vh;
}

.margvenstre {
  margin-left: min(4vh, 4vw);
}

  /* ----------------------------------------------------------------------------------------------- */
}


@media screen and 
(min-width:1600px)
/* (min-width:1200px) */
{

  /* ------------------------------------- */
.MQsmall{
  display: none;
}
.MQmid{
  display: none;
}
.MQlarge{
  display: block;
}
.MQlarger{
  display: none;
}
/* ------------------------------------------- */


/* body {
  width: 80%;
} */

  header, main {
    min-width: 1050px;
       max-width: min(65%, 1120px);
       /* background-color: rgb(7, 35, 71); */
       /* width: fit-content; */
       /* background-color: olive; */
  }
  
  .headerbox{
    font-size: 100%;
  }
  
  .forside {
    overflow: hidden; 
    padding-bottom: 0;
    }

.prosjektnavn{
    font-size: min(01.35vw, 2.7vh, );
      }

/* 
    .prosjektnr{
      font-size: 7em;
    }

    .prosjektnavn-over{
      font-size: 2em;
    }

    .prosjekt-tittel{
      font-size: 3.8em;
      
    } */

    /* .prosjekt-tittelognavn{
      padding-left: 0;
    } */


  .profile {
    max-width: max(24vw);

    /* max-width: min(450px, 36vh);
    max-width: 38vh; */
  }

  .profile-text{
    font-size: 100%;
  }

  /* .prosjekt-nr{
 
  } */

  .prosjektside-top > .prosjekt-nr {
       font-size: 5em;
    }

    


  /* ----------------------------------------------------------------------------------------------- */
}

@media screen and (min-width:2000px){
  
   /* ------------------------------------- */
.MQsmall{
  display: none;
}
.MQmid{
  display: none;
}
.MQlarge{
  display: none;
}
.MQlarger{
  display: block;
}
/* ------------------------------------------- */

body{
  margin-top: 0.4vh;
}

  header, main {
    max-width: min(60%, 1200px);
  }
  

   .navn{
    font-size: 6vh;
   }

   .logo {
    /* height: 12vh; */
    height: 100%;
    border-radius: 10px;
    /* background-color: transparent; */
    padding-left: 1vh;
    /* object-position: -1vh 0; */
  }
 
  .portfolioexhibition>div{
    /* height: 1vh;  */
    font-size: 3.5vh;
  }

   .prosjektnavn{
    padding-top: 2.8%;
    font-size: min(2vw, 30px);
    padding-right: 0.5em;
      }

.prosjekt{
  max-width: 32vw
}

  /* .prosjektside-topstack{
    font-size: 1.35em;

  } */

  .prosjektside-split-høyre{
    max-width: 48%;
  }



  /* ----------------------------------------------------------------------------------------------- */
}