body.user-logged-in.alias-contact .block-page-title-block {
  background: url('/themes/custom/digitalid/images/contact_us_bg.png') no-repeat center bottom;
  background-size: auto 30em;
  padding-bottom: 30em;
  margin-bottom: 1em;
}

.block-views-blockcontact-organizations-block-1 .views-field-field-logo {
  width: 64px;
  height: 64px;
  float: right;
}

#contact-message-feedback-form, .block-digitalid-contact {
  padding: 2em;
  background: #E6F5FB;
  box-shadow: 0px 3px 6px #00000029;
  margin-bottom: 2em;
}
body.alias-contact .contact-message-feedback-form .js-form-item.form-item.js-form-type-checkbox.form-type-checkbox.js-form-item-copy.form-item-copy {
  display: inline;
}

.block-views-blockcontact-organizations-block-2 .view-header {
  background: url('/themes/custom/digitalid/images/contact_form_bg.png') no-repeat left center;
  background-size: 13em;
  min-height: 13em;
  padding: 0 0 0 13em;
  margin: 0;
}

.block-views-blockcontact-organizations-block-2 .view-content {
  display: none;
}

.block-views-blockcontact-organizations-block-2 ul {
  list-style: none;
}

.block-views-blockcontact-organizations-block-2 ul li {
  list-style-image: url(/themes/custom/digitalid/images/icon_email.svg);
  list-style-position: inside;
  line-height: 2;
}

.support-information-form #edit-solution {
  font-weight: bolder;
}

.view-id-contact_organizations .views-view-responsive-grid__item {
  box-shadow: 0px 3px 6px #00000029;
  background: var(--unnamed-color-ffffff) 0% 0% no-repeat padding-box;
  border-radius: 20px;
  padding: 30px;
}

.view-id-contact_organizations .views-field-name span.field-content {
  color: #202020;
  font: normal normal 500 20px/28px Noto Sans;
}
.block-views-blockcontact-organizations-block-1 h2 {
  margin-top: 1em;
  margin-bottom: 1em;
  font: normal normal bold 48px/61px Noto Sans;
}
.view-id-contact_organizations .views-view-responsive-grid.views-view-responsive-grid--horizontal {
  margin-bottom: 3em;
}
div#block-digitalid-page-title h1 {
  text-align: center;
  margin-bottom: 1em;
  margin-top: 1em;
  font: normal normal bold 64px/80px Noto Sans;
}
.view-id-contact_organizations .item-list .views-field-name span.field-content,
.view-id-contact_organizations .item-list .views-field-field-email .field-content a {
  font: normal normal 500 18px/24px Noto Sans;
}
.block-views-blockcontact-organizations-block-2 h2 {
  margin-bottom: 1em;
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-bold) var(--unnamed-font-size-48)/var(--unnamed-line-spacing-61) var(--unnamed-font-family-noto-sans);
  margin-right: 2em;
}
.views-field-field-email a:link{
  font: normal normal normal 16px/26px Noto Sans;
}
.view-contact-organizations p {
  font: var(--unnamed-font-style-normal) normal var(--unnamed-font-weight-normal) var(--unnamed-font-size-16)/var(--unnamed-line-spacing-26) var(--unnamed-font-family-noto-sans);
  margin-left: 2em;
  margin-right: 2em;
}
/* Extra large devices (larger desktops) */
@media only screen and (min-width: 1200px) {
  /* CSS styles for extra large devices */
}

/* Large devices (laptops and larger desktops) */
@media only screen and (min-width: 992px) and (max-width: 1199px) {
  /* CSS styles for large devices */
  footer .region-footer {
      padding: 50px 30px;
  }
}

/* Medium devices (landscape tablets and medium-sized desktops) */
@media only screen and (min-width: 768px) and (max-width: 991px) {
  /* CSS styles for medium devices */
  .block-views-blockcontact-organizations-block-2 {
      width: 100%;
  }
  body.alias-contact #block-digitalid-content {
      width: 100%;
  }
  .view-id-contact_organizations .views-view-responsive-grid.views-view-responsive-grid--horizontal {
      display: block;
  }
  .view-id-contact_organizations .views-view-responsive-grid__item{
      margin-bottom: 2em;
  }
  div#block-digitalid-page-title h1 {
    font: normal normal bold 36px / 80px Noto Sans;
  }
}

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

/* Extra small devices (phones) @media only screen and (max-width: 575px) */

/* Small devices */
@media only screen and (max-width: 767px) {
  /* CSS styles for extra small devices */
  .views-view-responsive-grid.views-view-responsive-grid--horizontal {
      display: block;
  }
  .view-id-contact_organizations .views-view-responsive-grid__item {
      margin-bottom: 1em !important;
      margin-top: 1em !important;
  }
  .block-views-blockcontact-organizations-block-2 ul {
      list-style: none;
      background: none;
      padding: 0;
      margin: 0;
  }
  .block-views-blockcontact-organizations-block-2 {
      float: none;
      width: 100%;
  }
  body.alias-contact #block-digitalid-content {
      float: none;
      width: 100%;
  }
  .block-views-blockcontact-organizations-block-2 ul li {
      margin-left: 0;
  }
  body.alias-contact #contact-message-feedback-form {
      padding: 1em 1em;
      background: #E6F5FB;
  }
  #block-digitalid-views-block-contact-organizations-block-2 .view-header {
    background-size: 100%;
    display: contents;

  }
  #block-digitalid-views-block-contact-organizations-block-2 h2 {
    margin-right: 0em;

  }
  #block-digitalid-views-block-contact-organizations-block-2 .view-contact-organizations p {
     margin-left: 0em;
    margin-right: 0em;
  }
  #contact-message-feedback-form {
    padding: 1em 1em;
  }
  div#block-digitalid-views-block-contact-organizations-block-2 {
      width: 100%;
      float: unset;
  }
  #block-digitalid-views-block-contact-organizations-block-2 .view-header {
    display: block;
  }
  body.alias-contact .block-page-title-block {
      background-size: contain;
      padding-bottom: 15em;
      margin-bottom: 4em;
  }
  div#block-digitalid-page-title h1 {
    font: normal normal bold 36px / 80px Noto Sans;
  }


}