:root {
  --siteBlue: #13123A;
  --siteGrey: #F9F9F9;
  --text: black;
  --textDarker: #4E4D4D;
  --padding: 2vw;
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  color: var(--text);
}
a {
  text-decoration: none;
  color: var(--siteBlue);
}
h1, h2 {
  padding: 0;
  margin: 0;
  color: var(--siteBlue);
}
.mb-1rem {
  margin-bottom: 1rem;
}
figure {
  padding: 0;
  margin: 0;
}
body {
  margin: 0;
  background-color: var(--siteGrey);
}
#wrapper {
  font-family: Verdana, Geneva, Tahoma, sans-serif;
  width: 80%;
  padding: 0;
  margin: auto;
  max-width: 1920px;
}
#wrapper #container {
  display: flex;
  gap: 1vw;
}
#wrapper #container #main {
  width: 80%;
}
#wrapper #container #right {
  width: 20%;
}
figcaption {
  color: grey;
  font-size: 0.9rem;
  margin-top: 0.5rem;
  line-height: 1.4;
}
@media (min-width: 1201px) {
  figcaption {
    font-size: 0.9rem;
    margin-top: 0.5rem;
  }
}
@media (max-width: 1200px) and (min-width: 801px) {
  figcaption {
    font-size: 0.85rem;
    margin-top: 0.4rem;
  }
}
@media (max-width: 800px) and (min-width: 481px) {
  figcaption {
    font-size: 0.8rem;
    margin-top: 0.4rem;
  }
}
@media (max-width: 480px) {
  figcaption {
    font-size: 0.75rem;
    margin-top: 0.3rem;
    line-height: 1.3;
  }
}
.header .mobile {
  display: none;
}
.header .left h1 {
  color: var(--siteBlue);
  font-size: 1.2vw;
}
.header .left .inside {
  align-items: center;
}
.header .top {
  border-bottom: black solid 1px;
}
.header .top .inside {
  width: var(--widthContainer);
  margin: auto;
  display: flex;
  justify-content: space-between;
  padding: 21px 0;
}
.header .top .link {
  margin-right: 34px;
}
.header .top .link.phone::before {
  content: url("/files/themes/default/images/phone-header.svg");
  padding-right: 10px;
}
.header .top .link.mail::before {
  content: url("/files/themes/default/images/envelope-header.svg");
  padding-right: 10px;
}
.header .top .link.contact::before {
  content: url("/files/themes/default/images/contact-header.svg");
  padding-right: 10px;
}
.header .bottom {
  font-size: 18px;
  color: var(--text);
  width: var(--widthContainer);
  margin: auto;
  padding: 21px 0;
  display: flex;
  justify-content: space-between;
}
.header .bottom .left img {
  height: auto;
  width: 15rem;
}
.header .bottom .right .block {
  padding: unset;
}
.header .bottom .right .mod_navigation {
  display: flex;
  align-items: center;
  gap: 1vw;
}
.header .bottom .right .mod_navigation a {
  text-transform: uppercase;
  font-weight: bold;
  color: var(--siteBlue);
}
.header .bottom .right .invisible {
  display: none;
}
.header .bottom .right ul {
  display: flex;
  align-items: center;
  list-style: none;
  gap: 40px;
}
.header .bottom .right ul li {
  padding: 10px;
}
.header .bottom .right ul li:hover {
  background-color: var(--siteBlue);
  color: white;
  cursor: pointer;
}
.header .bottom .right ul li:hover a {
  color: white;
}
.blue-box {
  width: 100%;
  display: flex;
  text-align: center;
  justify-content: center;
  background-color: var(--siteBlue);
  color: white;
  font-weight: bold;
  font-size: 1vw;
  padding: 1rem;
}
@media (min-width: 1201px) {
  .blue-box {
    font-size: 1vw;
    padding: 1.2rem;
  }
}
@media (max-width: 1200px) and (min-width: 801px) {
  .blue-box {
    font-size: 1.2vw;
    padding: 1rem;
  }
}
@media (max-width: 800px) and (min-width: 481px) {
  .blue-box {
    font-size: 2.5vw;
    padding: 0.8rem;
  }
}
@media (max-width: 480px) {
  .blue-box {
    font-size: 4vw;
    padding: 0.6rem;
    min-font-size: 14px;
  }
}
.footer .bottom {
  margin-top: 1vw;
  border-top: black solid 1px;
  padding: 22px 0;
  text-align: center;
}
@media only screen and (max-width: 1200px) {
  #wrapper #container #main {
    width: 75%;
  }
  #wrapper #container #right {
    width: 25%;
  }
  header .bottom {
    width: var(--widthContainerMobile) !important;
  }
  header .top .inside {
    width: var(--widthContainerMobile) !important;
  }
  .mod_article {
    width: var(--widthContainerMobile);
  }
  .footer .inside {
    width: var(--widthContainerMobile) !important;
  }
}
@media only screen and (max-width: 800px) {
  #wrapper {
    width: 95%;
  }
  #wrapper #container {
    flex-direction: column;
  }
  #wrapper #container #main {
    width: 100%;
  }
  #wrapper #container #right {
    width: 100%;
  }
  header .top {
    display: none;
  }
  header .bottom .left img {
    width: 80%;
    height: auto;
  }
  header .mod_navigation {
    display: none !important;
  }
  header .mobile {
    display: unset !important;
  }
  header .mobile a img {
    background-color: #f0f0f0;
    border-radius: 10px;
  }
}
@media only screen and (max-width: 800px) {
  footer .inside .top {
    flex-wrap: wrap;
    gap: 2rem;
  }
}
@media only screen and (max-width: 700px) {
  h1 {
    font-size: 28px;
  }
  h2 {
    font-size: 22px;
  }
  h3 {
    font-size: 18px;
  }
  h4 {
    font-size: 16px;
  }
  h5 {
    font-size: 14px;
  }
  h6 {
    font-size: 12px;
  }
}
/*# sourceMappingURL=data:application/json,%7B%22version%22%3A3%2C%22sources%22%3A%5B%22home%2Fhorvatovmiroslav%2Fdomains%2Fndu.horvatovmiroslav.me%2Fpublic_html%2Fprivate-bundles%2Fkimleta%2Fndu-basic%2Fpublic%2Fcss%2Fglobal.scss%22%5D%2C%22names%22%3A%5B%5D%2C%22mappings%22%3A%22AAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQI%3BAAAA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAQR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAKJ%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAWA%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAKA%3BAAAA%3BAAAA%3BAAAA%3BAAOR%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASQ%3BAAAA%3BAAAA%3BAAAA%3BAAOA%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAASI%3BAAAA%3BAAAA%3BAAGI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAaxB%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAYI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAMA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAUJ%3BAAIY%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAII%3BAAAA%3BAAAA%3BAAKR%3BAAAA%3BAAAA%3BAAKI%3BAAAA%3BAAAA%3BAAAA%3BAAQN%3BAAEM%3BAAAA%3BAAAA%3BAAEA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAOJ%3BAAAA%3BAAAA%3BAAMQ%3BAAAA%3BAAAA%3BAAAA%3BAAOR%3BAAAA%3BAAAA%3BAAIA%3BAAAA%3BAAAA%3BAAEI%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQV%3BAAIM%3BAAAA%3BAAAA%3BAAAA%3BAAAA%3BAAQN%3BAACE%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAGA%3BAAAA%3BAAAA%3BAAAA%22%7D */