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

  :root {
    --page-width: 100vw;
  }

  body {
    overflow-x: hidden;
  }

  header[role=banner] {
    left: auto;
    
  }

  #block-views-block-front-page-tiles-block-1 {
    display: none;
  }

  .layout-content {
    margin: 0.5rem;
  }

  /*
  #block-views-block-front-page-tiles-block-1 div {
    display:block;
    width: var(--page-width);
    margin: 1rem 0;
  }

  #block-views-block-front-page-tiles-block-1 div.field-content {
    text-align: center;
  }

  #block-views-block-front-page-tiles-block-1 div img {
    margin: 1rem auto;
    float: none;
  }
  */

  .views-field-field-image,
  .detect-viewport.in-viewport img,
  textarea,
  #block-webformular .form-item textarea,
  #block-webform .form-item textarea,
  #block-webformular .form-item input,
  #block-webform .form-item input {
    max-width: 90vw;
  }

  .detect-viewport.in-viewport img {
    width: 100px; /* 420px; */
    height: 120px;
    float: right;
    margin: 1rem -2rem 1rem 1rem;
  }

  #block-webformular,
  #block-webform {
    width: 90vw;
  }

  #block-hovedmenu ul li {
    display: block;
  }

  #block-hovedmenu ul {
    float: none;
    margin: 0;
  }

  .detect-viewport .views-field-field-image {
    float: none;
  }

  #block-hovedmenu {
    position: absolute;
    top: 0;
    right: -16px;
    opacity: 0.7;
  }

  .node-3 ul {
    margin: 0;
  }

}