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



@media only screen
and (max-width:   1500px)
and (orientation: portrait),
only screen
and (max-width:      2000px)
and (orientation:    portrait)
and (min-resolution: 190dpi),
only screen
and (max-width: 1000px)
{

 html
 {
  background: var(--background-var) !important;
 }

 body
 {
  padding:   1vmin 2vmin 1vmin 1vmin !important;
  overflow:  auto !important;
 }

 img#logosignet
 {
  width: 4.2rem !important;
 }

 h1
 {
  font-size:       5rem !important;
  letter-spacing:  0em !important;
  margin-bottom:   1vh !important;
 }

 h2
 {
  font-size:       3.2rem !important;
  letter-spacing:  0em !important;
  margin-bottom:   1vh !important;
 }

 h3
 {
  font-size:       2.7rem !important;
  letter-spacing:  0em !important;
  margin-top:      0.7vh !important;
  margin-bottom:   0.5vh !important;
 }

 h4
 {
  font-size:       2.2rem !important;
  letter-spacing:  0em !important;
  margin-top:      0.6vh !important;
  margin-bottom:   0.4vh !important;
 }

 h5,h6
 {
  font-size:       1.8rem !important;
  letter-spacing:  0em !important;
  margin-top:      0.5vh !important;
  margin-bottom:   0.3vh !important;
 }

 main, nav, article, aside#CtlResponseAside
 {
  float:   none !important;
  display: block;
  position:   relative  !important;
  top:        0vmin     !important;
  left:       0vmin     !important;
  margin:   0vh 0vw 3vh 0vw !important;
  padding:  0vmin !important;
  width:    100% !important;
  visibility:     visible   !important;
  animation-name: none  !important;
 }

 nav#NavHp
 {
  padding-top:  4vh !important;
 }

 nav#NavHp > ul
 {
  list-style-type: none !important;
 }

 nav#Breadcrumb ul, nav#Breadcrumb ul li,  nav#Breadcrumb ul li a span span
 {
  display: inline !important;
  margin: 0em !important;
  padding: 0em !important;
 }

 nav li, article p, article *:not(h2):not(h3):not(h4):not(h5):not(h6)
 {
  font-size: 2rem !important;
 }

 aside#CtlResponseAside
 {
  padding-left: 1vw !important;
 }

 nav#ContentLevel2, nav#CtlResponse
 {
  display: none !important;
 }

 video.background-video, audio.background-audio
 {
  display: none !important;
 }

 footer:not(.metadata-article)
 {
  display: none !important;
 }

}



@media only screen
and (max-width: 1000px)
and (orientation: landscape)
{

  img#logosignet
  {
   width: 5rem !important;
  }

  h1
  {
   font-size:       5rem !important;
   letter-spacing:  0em !important;
  }

  h2
  {
   font-size:       4rem !important;
   letter-spacing:  0em !important;
  }

  h3
  {
   font-size:       3rem !important;
   letter-spacing:  0em !important;
  }

  h4
  {
   font-size:       2.5rem !important;
   letter-spacing:  0em !important;
  }

  h5,h6
  {
   font-size:       2rem !important;
   letter-spacing:  0em !important;
  }

}



@media only screen
and (max-aspect-ratio: 10/15)
{

 article > p > audio,
 article > p > canvas,
 article > p > iframe,
 article > p > img,
 article > p > picture,
 article > p > video,
 *[data-width]
 {
  width: calc(100%) !important;
 }

}