.paragraph .field--name-field-counter {
  color: var(--unnamed-color-ffffff);
  background: var(--unnamed-color-009edb) 0% 0% no-repeat padding-box;
  width: 2em;
  height: 2em;
  text-align: center;
  border-radius: 100%;
  line-height: 2em;
  margin: 0;
  padding: 0;
  display: inline-block;
  align-self: center;
}
.paragraph .field--name-field-title {
  width: 90%;
  display: inline-flex;
  align-self: center;
}
.paragraph .field--name-field-body p,
.paragraph .field--name-field-body li {
  margin-bottom: 1em;
}
.paragraph .field--name-field-body li {
  margin-left: 10px;
}
.paragraph--type--media img {
  width: 100%;
  text-align: center;
}
.paragraph--type--text-and-media .field--name-field-body {
  margin-right: 25px;
}
.paragraph--type--media-and-text .field--name-field-body {
  margin-left: 25px;
}
.paragraph .field.field--name-field-media img {
  width: 100%;
}
.paragraph .col.clearfix.text-formatted.field.field--name-field-body.field--type-text-long.field--label-hidden.field__item {
  align-self: center;
}
.paragraph--type--media img.img-fluid.image-style-wide {
  margin-bottom: 2em;
}
.paragraph--type--text .field--type-text-long.field--label-hidden.field__item {
  margin-top: 2em;
  margin-bottom: 2em;
}
.paragraph .field--name-field-body ol li {
  font: normal normal 500 18px/24px Noto Sans;
}
.path-node div#block-digitalid-page-title h1 {
  text-align: center;
  margin-bottom: 0.5em;
  margin-top: 0.5em;
  font: normal normal bold 64px/80px Noto Sans;
}
.paragraph p {
  font: normal normal normal 16px/26px Noto Sans;
}

/* Extra large devices (larger desktops) */
@media only screen and (min-width: 1280px) {
  /* CSS styles for extra large devices */
} 

/* Large devices (laptops and larger desktops) */
@media only screen and (min-width: 992px) and (max-width: 1280px) {
}

/* Medium devices (landscape tablets and medium-sized desktops) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
}

/* Small devices (portrait tablets and small desktops) */
@media only screen and (min-width: 576px) and (max-width: 767px) {
}

/* Extra small devices (phones) @media only screen and (max-width: 575px) */
@media only screen and (max-width: 767px) {
  .row.paragraph.paragraph--type--media-and-text.paragraph--view-mode--default ,
  .row.paragraph.paragraph--type--text-and-media.paragraph--view-mode--default{
      display: block;
  }
  .paragraph .field--name-field-media.field--type-entity-reference {
      width: 100%;
  }

}