:root {

  --m_h1: 2.2em;
  --m_h2: 0.8em;
  --m_p: 1em;
  --m_h1_desc: 1.8em;
  --m_h2_desc: 1.1em;
  --m_burget_item_fontsize: 0.75em;
  --m_navBar_height: 50px;
  --m_footerHeight: 2%;
  --m_footerLogoSize: 50%;
  --m_contentHeight: 91vh;

}
@media only screen and (max-width: 932px) and (orientation: landscape){
  div.page{
    height: 85vh!important;
  }
  div.main1by1,
  div.main1by1f,
  div.main1by2,
  div.main1by2f {
    /* background-color: lime; */
    /* flex-direction: column;
    display: block; */
    /* overflow-y: auto; */
     height: 84vh;
  }
}
/* Small Devices (Landscape Phones, Small Tablets)//NOPE! */
@media only screen and (max-width: 768px) {
  iframe {
    display: none;
  }
  div.page{
    
  }
  div.main1by1,
  div.main1by1f,
  div.main1by2,
  div.main1by2f {
    /* background-color: lime; */
    flex-direction: column;
    display: block;
    overflow-y: auto;
     height: 87vh;
  }
  div.content>div>div.desc{
    min-height: 40vh!important;
  }
}


/* Large Tablet Devices in Landscape //YUP*/
@media only screen and (max-width: 1199px) and (orientation: portrait) {

  /* iframe{
    display: none;
  } */
  .nav {
    margin-top: 2%;
    margin-bottom: 2%;
  }

  div.content>div>div.desc {
    /* background-color: pink; */
    width: auto !important;
    /* margin-bottom: 2%; */
    border-right: none;
    min-height: 20vh;
    border-bottom: 0.5px solid black;
  }

  div.content>div>div.media {
    /* background-color: orange; */
    width: 100% !important;
    height: fit-content !important;
  }

  div.media>.pdf {
    width: 100% !important;
    height: 75vh !important;
  }

  div.media>.youtube {
    height: 50vh !important;
  }

  div.main1by1,
  div.main1by1f,
  div.main1by2,
  div.main1by2f {
    /* background-color: lime; */
    flex-direction: column;
    display: block;
    overflow-y: auto;
    min-height: 26vh;
    max-height: 90vh;
  }

  div.media>div.card>a>h2 {
    margin-top: 2%;
    margin-bottom: 2%;
  }

  div.media>div.link {
    margin-top: 5%;
    margin-bottom: 5%;
  }

  div.media>video.portrait {
    width: 100%;
    height: auto;

  }

  div.media>img.portrait {
    width: 100%;
    height: auto;
  }

  div.desc>div.card {
    /* border-bottom: solid 0.5px black; */
  }
}

/* ----------- iPad 3, 4 and Pro 9.7" ----------- */
/*-------------[      USED      ]-------------*/
/* Portrait and Landscape */
@media only screen and (max-width: 1024px)
/*  and (-webkit-min-device-pixel-ratio: 2)*/
  {
  iframe {
    display: none;
  }

  div.page {
    height: var(--m_contentHeight);
  }

  .nav>div:nth-of-type(1)>h2 {
    display: none;
  }

  div.desc>h1 {
    font-size: var(--m_h1_desc);
    margin-left: 2% !important;
    margin-top: 1%;
  }

  div.desc>h2 {
    font-size: var(--m_h2_desc);
    margin-left: 2% !important;
    margin-top: 1%;
  }

  div.desc>p {
    margin-left: 2% !important;
    margin-right: 2% !important;
  }

  .nav {
    /* height: var(--m_navBar_height) !important;
    min-height: auto; */
    /* margin-bottom:2% ; */
  }

  div.burger>div.icon {
    /* width: var(--m_navBar_height);
    height: calc(var(--m_navBar_height) - var(--burgerStackTop)); */
    /* transform: scale(0.5) translateY(-40px) translateX(40px); */
  }

  div.burger[data-state="open"]>div:not(:first-of-type) {
    /* transform: translateY(-40px); */
  }

  div.burger>div:not(:first-of-type)>a>p {
    font-size: var(--m_burget_item_fontsize);
  }


  div.footer {
    /* background-color: pink; */
    /* flex-direction: column; */
    flex-wrap: wrap;
    height: var(--m_footerHeight);

  }

  div.footer>div.desc {
    max-width: 100%;

  }

  div.footer>div:not(.desc) {
    height: var(--m_footerLogoSize);
  }

  div.footer>div:not(.desc):nth-last-of-type(1) {
    height: calc(var(--m_footerLogoSize) - 10%);
  }

  div.slideshow>div>img {
    width: 100%;
    height: auto;
  }

  div.slideshow>div.UI {
    /* background-color: red; */
    z-index: 3;
    position: sticky;
    bottom: 20%;
    margin: auto;
    width: 22vw;
    height: 3vh;
  }

  div.slideshow>div>video {
    width: 100%;
    height: auto;
  }
}

@media only screen and (max-width: 600px)
/*  and (-webkit-min-device-pixel-ratio: 2)*/
  {
  iframe {
    display: none;
  }

  div.timeline {
    /* background-color: yellow; */
    width: 75px;
  }

  div.segment {
    overflow: unsetl;
  }

  div.segment.active {
    transform: scale(1);
  }

  .nav>div:nth-of-type(1)>h1 {
    font-size: var(--m_h1);
  }

  div.media>div.link {
    font-size: 1.5em;
  }

  div.desc>p {
    overflow: hidden;
    font-size: var(--m_p);
    text-align: left;
  }

  div.media>.pdf {
    width: 100% !important;
    height: 25vh !important;
  }

  div.media>.youtube {
    height: auto !important;
  }

  div.footer>div.desc>p {
    /* padding-bottom: 5%; */
    margin-left: 0 !important;
  }

  div.footer>div:not(.desc) {
    height: calc(var(--m_footerLogoSize) - 5%);
  }

  div.footer>div:not(.desc):nth-last-of-type(1) {
    height: calc(var(--m_footerLogoSize) - 15%);
  }
}