.field--name-field-faktabokser {
  margin: auto;
}

@media (min-width: 768px) {
  .field--name-field-faktabokser {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 850px;
  }
}

.field--name-field-faktabokser > .field__item {
  background: #e5e5e5;
  padding: 20px;
  margin-bottom: 50px;
}

.field--name-field-faktabokser > .field__item:nth-child(2n) {
  margin-right: 0;
}

.field--name-field-faktabokser > .field__item:last-child {
  margin-bottom: 0;
}

@media (min-width: 768px) {
  .field--name-field-faktabokser > .field__item {
    width: 335px;
    margin-right: 20px;
    margin-bottom: 0;
  }
}

@media (min-width: 992px) {
  .field--name-field-faktabokser > .field__item {
    width: 380px;
    margin-right: 90px;
  }
}

.paragraph--type--faktabokser {
  position: relative;
}

.paragraph--type--faktabokser .faktaboks-header {
  background: #000;
  position: absolute;
  left: 0;
  top: -37px;
  padding: 3px 10px 5px;
}

.paragraph--type--faktabokser .field--name-field-faktaboks-tittel {
  display: inline-block;
  color: white;
  font-family: Amnesty Trade Gothic BdCn20, sans-serif;
  font-size: 18px;
  text-transform: uppercase;
  vertical-align: bottom;
}

.paragraph--type--faktabokser .field--name-field-tittel {
  font-size: 24px;
  font-family: Amnesty Trade Gothic BdCn20, sans-serif;
  margin-top: 0;
  padding-top: 16px;
  margin-bottom: 10px;
}

.paragraph--type--faktabokser .field--name-field-innhold p:last-child {
  margin-bottom: 10px;
}

.factbox {
  position: relative;
  width: 95%;
  background-color: #fff;
}

@media (min-width: 768px) {
  .factbox {
    width: 50%;
  }
}

.factbox__title {
  position: absolute;
  left: 20px;
  top: -14px;
  font-family: Amnesty Trade Gothic BdCn20, sans-serif;
  display: inline-block;
  color: #000;
  font-size: 1.125rem;
  text-transform: uppercase;
  padding: 3px 10px 5px;
  background-color: #ff0;
}

.factbox__content {
  font-size: 1.25rem;
  padding: 2rem 1.25rem;
}

.factbox__content p {
  margin-bottom: 0;
}

.factbox--overlay {
  position: absolute;
  left: 2.5%;
  bottom: 15%;
  z-index: 999;
}

@media (min-width: 768px) {
  .factbox--overlay {
    left: 5%;
  }
}

@media (max-width: 991.98px) {
  .factbox--overlay .factbox__content {
    font-size: 0.9rem;
    padding: 1.5rem 1.25rem;
  }

  .factbox--overlay .factbox__title {
    left: 0;
  }
}