.elementor-element.elementor-element-909764e.elementor-section .container--small{
    max-width: 75rem;
}

div#diagram2.diagram-wrapper h2{
    text-align: center;
    font-size: 2.5em;
    margin-bottom: 1em;
}
ol.diagram{
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    display: -moz-flex;
    list-style: none;
    padding:0;
    width:100%;
    margin:0;
}
ol.diagram li{
    flex: 1;
    -webkit-flex: 1;
    -moz-flex: 1;
    -ms-flex: 1;
    -o-flex: 1;
    padding:0;
    margin:0;
}
ol.diagram li.arrow{
    flex: 0 0 auto;
    -webkit-flex: 0 0 auto;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    -o-flex: 0 0 auto;
    /*position: relative;*/
    /*height:2rem;*/
    /*overflow: visible;*/
}
ol.diagram li::before{
    content:'';
}
ol.diagram li > p{
    text-align: center;
    font-size:0.9rem;
    line-height: 125%;
    margin:0 auto;
    display: block;
    padding:0;
}
ol.diagram li > img{
    float:none;
    margin:0 auto 0.5em;
    height:4em;
    width:auto;
    max-width:100%;
    display: block;
    padding: 0;
}
ol.diagram li.arrow > img{
    height:3em;
    width:auto;
    margin:0.5em auto;
    padding:0;
    display: block;
    /*margin: 0.5em auto;*/
    /*position: absolute;*/
    /*left:0%;*/
    /*top:50%;*/
    /*transform:translate(0,-50%);*/
    /*-webkit-transform:translate(0,-50%);*/
    /*-moz-transform:translate(0,-50%);*/
    /*-ms-transform:translate(0,-50%);*/
    /*-o-transform:translate(0,-50%);*/
}
div.diagram-label{
    width:100%;
    margin:0 auto 1em;
    text-align: center;
}
div.diagram-label > div{
    width:100%;
    margin:0 auto 1em;
    border-bottom:5px solid #000;
    border-left:5px solid #000;
    border-right:5px solid #000;
    height:1.5em;
    display: block;
}
div.diagram-label h3{
    margin-bottom:0;
    font-size: 1.1em;
}
div.diagram-wrapper h4{
    margin-top:2em;
    text-align: center;
    font-size: 1.2em;
}
@media (min-width:992px) and (max-width:1199px){
    div#diagram2.diagram-wrapper h2{
        max-width:40rem;
        margin:0 auto 1em;
        font-size: 2em;
        line-height:125%;
    }
    ol.diagram li.arrow > img {
        height: 2.25em;
        margin:1em auto;
    }
    ol.diagram li > p {
        font-size: 0.8rem;
    }
}
@media (min-width:768px) and (max-width:991px){
    div#diagram2.diagram-wrapper h2{
        max-width:40rem;
        margin:0 auto 1em;
        font-size: 2em;
        line-height:125%;
    }
    ol.diagram li > img {
        height: 3em;
    }
    ol.diagram li.arrow > img {
        height: 2em;
    }
    ol.diagram li > p {
        font-size: 0.75rem;
    } 
}
@media (min-width:576px) and (max-width:767px){
    div#diagram2.diagram-wrapper h2{
        max-width:40rem;
        margin:0 auto 1em;
        font-size: 2em;
        line-height:125%;
    }
    .elementor-element.elementor-element-909764e.elementor-section .container--small{
        max-width: 96vw;
    }
    ol.diagram li > img {
        height: 3em;
    }
    ol.diagram li.arrow > img {
        height: 2em;
    }
    ol.diagram li > p {
        font-size: 0.75rem;
    } 
}
@media (max-width:575px){
    ol.diagram {
        flex-wrap: wrap;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
    }
    div#diagram2.diagram-wrapper h2{
        max-width:40rem;
        margin:0 auto 1em;
        font-size: 1.5em;
        line-height:125%;
    }
    .elementor-element.elementor-element-909764e.elementor-section .container--small{
        max-width: 96vw;
    }
    ol.diagram li{
        width:24%;
        max-width:24%;
    }
    ol.diagram li.arrow{
        width:9.333%;
        max-width:9.333%;
    }
    ol.diagram li > img {
        height: auto;
        width:100%;
        max-width:3em;
    }
    ol.diagram li.arrow > img {
        max-width: 2em;
        width:100%;
    }
    ol.diagram li > p {
        font-size: 0.75rem;
        padding-bottom:1.5em;
    } 
}