@media only screen and (max-width: 1200px) {
  div.centered {
    width: 80vw;
    }

  summary, slot[name="internal-main-summary"]::slotted(summary) {
  list-style: none;
  }
}

@media only screen and (min-width: 900px) {
  img.openimgmobil {
      display:none;
    }
}

@media only screen and (max-width: 900px) {

/* Menü */
img.openimg {
      display:none;
    }

img.openimgmobil {
      display:block;
      width: 90%;
    }

header > a > img, nav {
  display: none;
}

.mobile-container {
  display:block;
  font-family: sans-serif;
  text-transform: uppercase;
  letter-spacing: 3px;
  font-weight: bold;
}

.submenu {
  display: none;
  position: absolute;
  background-color: #fff;
  padding: 10px;
  box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
  z-index: 10;
}

div.submenu.show > a > span{
  color: #747474;
}

.submenu.show:after {
  clear:both;
}

.topnav {
  background-color: #ffffff;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
  background-color: #b28353;
  padding-top: 10px;
  padding-bottom:10px;
  margin-bottom: 10px;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 16px 18px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background-color: #b28353;
  display: block;
  position: absolute;
  right: 0;
  top: 22px;
}

/* Add a grey background color on mouse-over */
.topnav a.icon:hover {
  background-color: #e64c;
  color: #dddddd;
}

/* Style the active link (or home/logo) */
.active {
  color: white;
}

/* Tartalom */
.center-justify-blocktext {
  width: 90vw;
  padding: 5px;
}


.centered > h1 {
  font-size:18px;
}

summary, slot[name="internal-main-summary"]::slotted(summary) {
  list-style: none;
}

img.kotet-image-left {
  margin-left: 0;
}


  }

@media only screen and (max-width: 800px) {

  .centered {
  position: relative;
  top: 0;
  left: 0;
  transform: none;
  width: 88vw;
  margin: 0 auto;
  }
  
  img.full-width-image {
    display: none;
  }

  p.bold {
    font-weight:500;
  }

  img.separator {
  max-height: 30px;
  }

  summary, slot[name="internal-main-summary"]::slotted(summary) {
  list-style: none;
  }

  div.kotet-images-opener > img {
  height: 170px;
}

  .footerlogok {
  margin: 10px;
  max-width: 278px;
  
}
  footer {
    display:block;
  }

  footer > p > a {
  display: block;
}

.footernmhh {
  float: left;
}
}

@media only screen and (max-width: 584px) {
  img.logok {
    height: 60px!important;
  }

  img.otdklogo {
    height: 50px!important;
  }

  img.hirsubimg {
    width: 95%!important;
  }
}


@media only screen and (max-width: 469px) {
  img.logok {
    height: 50px!important;
    margin: 0 -30px 0 -10px;
  }

  img.krelogo {
    margin-left: 10px;
    height: 70px!important;
  }

}