#page-front{
    margin-bottom:0;
}

#page-front-welcome{
    display:flex;
    max-width:100%;
    color:var(--ingite-color-title);
    position:relative;
    padding-top:0;
    margin-top:0;
    margin-left:auto;
    overflow:hidden;

    h2{
        line-height:1;
    }

    #page-front-site-welcome-olinsop{
        li:before{
            margin-right:0.3rem;
            color:#4B4FD1;
        }

        mark{
            display:inline-block;
        }

        @media screen and (min-width:993px){
            .olinsop-text {
                max-width:min(600px, 50vw);
                padding-right:0;
            }
        }

        @media screen and (max-width:992px){
            h2{
                font-size:30px;
            }
        }
    }

    .ingite-ingite-fader-items{
        height:auto;
        min-height:var(--olinsop-min-height);
        max-height:var(--olinsop-max-height);
        padding-bottom:var(--olinsop-padding-bottom);
    }

    @media screen and (min-width:993px) and (max-width:1200px){
        .ingite-ingite-fader-items{
            --olinsop-min-height:max(45vw, 550px);
        }
    }

    .ingite-fader-nav-container{
        max-width:calc(100% - 2rem);
        min-height:40px;
        width:100%;
        .ingite-fader-nav .btn {
            &.prev {
                left:0;
            }
            &.next{
                right:0;
            }
        }
    }

    @media screen and (max-width:992px){
        .ingite-fader-nav-container{
            bottom:1rem;
        }
        .container{
            width:calc(100% - 2rem);
            margin:auto;
        }
        .section-olinsop .container{
            max-width:1438px;
            width:calc(100% - 2rem);
            margin:1rem auto;
        }
    }
}

@media screen and (max-width:600px){
    h2{
        font-size:35px;
    }
}

#page-front-portfolio{

    .ingite-section-title{
        width:min(850px, 100%);
        margin:auto;
        b{
            display:block;
        }
    }
    .ingite-section-subtitle{
        width:min(784px, 100%);
        margin:auto;
    }

    #page-front-portfolio-cards {
        display:grid;
        gap:1rem;
        overflow:visible;
        grid-template-columns:repeat(4, 1fr);
    }

    .page-front-portfolio-card{
        background:var(--ingite-color-surface);
        border-bottom:none;
        border-radius:100px;
        margin:auto;
        padding-bottom:25%;
        position:relative;
        overflow:hidden;
        width:100%;
        height:100px;
    }

    .page-front-portfolio-card-image{
        position:absolute;
        right:10%;
        top:5%;
        width:80%;
        height:90%;
        background-attachment:scroll;
        background-clip:border-box;
        background-origin:padding-box;
        background-position-x:50%;
        background-position-y:50%;
        background-repeat:no-repeat;
        background-size:contain;
    }

    @media (max-width:992px) {
        #page-front-portfolio-cards {
            grid-template-columns:repeat(3, 1fr);
        }
        .ingite-section-title{
            font-size:33px;
        }
    }
    @media (max-width:600px) {
        #page-front-portfolio-cards {
            grid-template-columns:repeat(2, 1fr);
        }
        .page-front-portfolio-card{
            height:50px;
        }
        .ingite-section-title{
            font-size:25px;
        }
    }

    @media (min-width:1600px){
        .ingite-section-subtitle{
            width:min(654px, 100%);
        }
    }

    #page-front-portfolio-action{
        text-align:center;
        margin-top:2rem;
    }
}

@media screen and (min-width:993px){
    .page-front-portfolio-card{
        flex:1 1 0;
    }
}

@media screen and (max-width:992px){
    #page-front-portfolio-cards{
        margin-top:32px;
    }

    .page-front-portfolio-card{
        margin-top:12px;
    }
}

@media screen and (max-width:992px){
    #page-front-solution-list{
        flex-wrap:wrap;
    }
}

#page-front-blog{
    background:var(--ingite-color-surface);
}