/*Hanging Icon paragraph type*/

.paragraph--type--hanging-icon {
    padding: 20px;
}
.paragraph--type--hanging-icon i {
    font-size: 28px;
    padding-top: 10px;
    min-width: 25px;
}
.paragraph--type--hanging-icon h2 {
    margin-top: 0px;
}

/*Helpers*/
.smaller-icon-headings h2 {
  font-size: 1.4em;
}
.smaller-icon-headings .paragraph--type--hanging-icon i {
    padding-top: 0;
}

@media screen and (max-width: 992px) {
    .paragraph--type--hanging-icon {
        padding: 10px;
        max-width: 100%;
    }
    .paragraph--type--hanging-icon .d-flex {
        flex-direction: column;
    }
}

@media screen and (max-width: 768px) {
    .paragraph--type--hanging-icon p {
        padding: 0;
    }
    .paragraph--type--hanging-icon {
        padding-bottom: 30px;
    }
    .paragraph--type--hanging-icon .d-flex {
        flex-direction: row;
    }
}