&.dplr-extensions{
    p.subtitle{
        line-height: 24px;
    }
    .dplr-boxes{
        display: flex;
        justify-content: center;
        >div{
            width: 33%;
            max-width: 550px;
            margin: $gutterWidth;
            >a{
                display: inline-block;
                font-size: 14px;
                font-weight: 700;
                margin-top: 15px;
                font-family: $text-family-rg;
            }
            >.extension-card{
                min-height: 390px;
                box-shadow: 0 2px 4px 0 rgba(0,0,0,0.2);
                text-align: left;
                background-color: #fff;
                position: relative;
                figure{
                    text-align: center;
                    padding-top: 25px;
                    padding-bottom: 25px;
                    margin: 0;
                    border-bottom: 1px solid #C8C7BF;
                    height: 100px;
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    img{
                        width: 100%;
                        max-width: 100px;
                    }
                }
                &:first-child{
                    margin-left: 0;
                }
                &:last-child{
                    margin-right: 0;
                }
                
                h3{
                    color: $primary-grey;
                    font-size: 22px;
                    font-weight: bold;
                    font-family: $text-family-rg;
                    margin-left: 40px;
                    margin-top: 40px;
                }
                
                p{
                    font-size: $font-size-mid;
                    margin-left: 40px;
                    margin-right: 40px;
                }
    
                >div.box-footer{
                    margin-top:30px;
                    padding: 0 40px 40px 40px;
                    display: flex;
                    align-items:center;
                    button{
                        align-self: flex-start;
                    }
                    p{
                        margin: 0px 20px;
                        font-size: 14px;
                        line-height: 16px;
                    }
                    span{
                        line-height: 1;
                    }
                    img{
                        position: relative;
                        top: 3px;
                        margin-right: 10px;
                    }
                }
            
            }
        }
        
    }

    @media only screen and (max-width: 768px) {
        .dplr-boxes{
            flex-direction: column;
            >div{
                width: 90%;
                margin: 30px auto;
            }
        }
    }

}