.icon-wrapper .icon, .icon-wrapper .icon-after:after, .icon-wrapper .icon-before:before, .icon-wrapper .more:not(.icon-before):after {
    position: relative;
    top: -.04em;
    display: inline-block;
}

.icon-external::after {
    padding-left: 5px;
}

.icon-after::after, .more::after {
    top: -.08em;
}

.small-hide {
    display: block;
}

.custom-br {
    display: block;
}

@media only screen and (max-width: 734px) {
    .small-hide {
        display: none;
    }
}

@media only screen and (max-width:433px){
    .custom-br {
        display: none;
    }
}

@media only screen and (max-width:734px) {
    .section-software .section-headline {
        max-width: 100%;
    }

    .section-router .section-headline {
        max-width: 100%;
    }

    .section-web-app .section-caption {
        width: 250px;
        bottom: -70px;
    }

    .section-web-app .section-image-container {
        margin-bottom: 140px;
    }

    .section-device .section-caption {
        bottom: -70px;
    }

    .section-device .section-image-container {
        margin-bottom: 142px;
    }

    .section-data .section-caption {
        bottom: -51px
    }

    .section-data .section-image-container {
        margin-bottom: 120px
    }
}

.typography-section-cards-headline {
    line-height: 1.1;
}