@font-face {
  font-family: 'INGMe';
  font-display: block;
  src: url('./assets/webfonts/INGMeWeb-Regular.woff2') format('woff2'),
  url('./assets/webfonts/INGMeWeb-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'INGMe';
  font-display: block;
  src: url('./assets/webfonts/INGMeWeb-Bold.woff2') format('woff2'),
  url('./assets/webfonts/INGMeWeb-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
}

/* hippo specific css */
.ingde-mortgage-net-rental-yield__headline {
    display: flex;
    flex-direction: row;
    align-items: center;
    hyphens: auto;
}

@media(max-width: 768px) {
    .ingde-mortgage-net-rental-yield__icon svg {
        width: 48px;
        height: 48px;
        fill: #ff6200;
    }

    .ingde-mortgage-net-rental-yield__headline h2,
    .ingde-mortgage-net-rental-yield__headline h3,
    .ingde-mortgage-net-rental-yield__headline h4,
    .ingde-mortgage-net-rental-yield__headline h5,
    .ingde-mortgage-net-rental-yield__headline h6 {
        font-size: 24px;
        line-height: 32px;
        margin-left: 22px;
    }
}

@media(min-width: 768px) {
    .ingde-mortgage-net-rental-yield__icon svg {
        width: 53px;
        height: 53px;
        fill: #ff6200;
    }

    .ingde-mortgage-net-rental-yield__headline h2,
    .ingde-mortgage-net-rental-yield__headline h3,
    .ingde-mortgage-net-rental-yield__headline h4,
    .ingde-mortgage-net-rental-yield__headline h5,
    .ingde-mortgage-net-rental-yield__headline h6 {
        font-size: 27px;
        line-height: 36px;
        margin-left: 18px;
    }
}

@media(min-width: 1200px) {
    .ingde-mortgage-net-rental-yield__headline h2,
    .ingde-mortgage-net-rental-yield__headline h3,
    .ingde-mortgage-net-rental-yield__headline h4,
    .ingde-mortgage-net-rental-yield__headline h5,
    .ingde-mortgage-net-rental-yield__headline h6 {
        font-size: 33px;
        line-height: 44px;
        margin-left: 16px;
    }

    .ingde-mortgage-net-rental-yield__icon svg {
        width: 66px;
        height: 66px;
        fill: #ff6200;
        margin-right: 18px;
    }
}

.ingde-mortgage-net-rental-yield__copy {
    margin-top: 16px;
    margin-bottom: 24px;
}