*{
  margin:0;
  padding:0
}

:root{
  --padding: .5rem;
}



body{
  font-size: .9rem;
  font-family: 'Times New Roman', Times, serif;
}

header{
  position: sticky;
  display: flex;
  padding: var(--padding);
  top:0;
  left:0;
  right:0
}

.header-right{
  display: flex;
  justify-content: space-between;
}

a{
  cursor:pointer
}

p{
  line-height: 1.4;
}

header >*{
  flex:1
}

.header-title > *{
  display: inline-block;
}

.block-type-text{
  padding: var(--padding);
  display: flex;
  flex-direction: column;
  align-items: center;
}

.block-type-text p{
  max-width: 600px;
}


.gallery-size-full .image-wrapper{
  height: calc(100vh - 2em);
  width: 100vw;
  display: flex;
  align-items: center;
  justify-content: center;
}

.gallery-size-full img,
.gallery-size-full video{
  object-fit: contain;
  max-width: 100%;
  max-height: 100%;
}

@media (orientation:portrait) {

  .gallery-size-full .image-wrapper{
    height: auto;
    width: 100vw;
  }

}

.gallery-size-m{
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.gallery-size-m img,
.gallery-size-m video{
  width: 400px
}

@media screen and (max-width:1200px){
  body{
    font-size: .7rem;
  }

  .gallery-size-m img,
.gallery-size-m video{
  width: 200px
}

  /* .gallery-size-m img{
    width: 500px
  } */
}