/****** STORE SKRÆME ******/

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

/****** BÆRBAR / MINDRE SKÆRME ******/

@media only screen and (max-width: 1240px) {
  :root body {
    /* Font sizes */
    --h1: 43px;
    --h2: 28px;
    --h3: 22px;
    --h4: 19px;
    --h5: 15px;
    --h6: 13px;
    --p: 15px;
    /* Gaps */
    --gap-l: 60px;
    --gap-m: 25px;
    --gap-s: 20px;
    /* Sidebar */
    --sidebar-width: 280px;
  }
  header .top-bar .top-bar-right {
    display: none;
  }
  .stom-button.btn-light a {
    padding: 12px 20px !important;
  }
}

/****** IPADS - VERTIKALT ******/

@media only screen and (max-width: 959px) {
  :root body {
    /* Grid columns */
    --grid-2-cols: 1;
    --grid-3-cols: 2;
    --grid-4-cols: 2;
    --grid-5-cols: 3;
    --grid-6-cols: 3;
    --grid-7-cols: 4;
    --grid-8-cols: 4;
    --grid-9-cols: 5;
    --grid-10-cols: 5;
    --grid-11-cols: 6;
    --grid-12-cols: 6;
  }
  /* Move this rule if you change the the grid columns */
  .last-on-mobile {
    order: 66;
  }
  .stom-grid-section .grid-element-slider-wrap .slick-track {
    margin-left: 0;
  }
}

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

/****** MINDRE END IPADS VERTIKALT ******/

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

@media only screen and (max-width: 767px) {
  :root body {
    /* Font sizes */
    --h1: 30px;
    --h2: 25px;
    --h3: 20px;
    --h4: 18px;
    --h5: 14px;
    --h6: 12px;
    --p: 14px;
    /* Gaps */
    --gap-xl: 50px;
    --gap-l: 50px;
    --gap-m: 20px;
    --gap-s: 15px;
    /* Outer margin */
    --content-margin: 0;
  }
  section.section-wrap.normal-padding-block-text .section .stom-cols-6 {
    padding-block: var(--gap-l);
  }
}

@media only screen and (max-width: 639px) {
  :root body {
    /* Grid columns */
    --grid-2-cols: 1;
    --grid-3-cols: 1;
    --grid-4-cols: 1;
    --grid-5-cols: 1;
    --grid-6-cols: 1;
    --grid-7-cols: 1;
    --grid-8-cols: 1;
    --grid-9-cols: 1;
    --grid-10-cols: 1;
    --grid-11-cols: 1;
    --grid-12-cols: 1;
  }
  section.section-wrap.box-services-section
    .section
    .grid-elements
    .grid-element
    img {
    max-height: 450px;
  }
}

/****** MOBILER ******/

@media only screen and (max-width: 479px) {
  header .section-wrap.has-background {
    display: none;
  }
  .site-branding #logo img {
    max-width: 200px;
  }
}

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