#portfolio ._text h1{
    font-family: var(--f-f-as-u);
    font-style: var(--f-s-normal);
    font-variant: var(--f-v-normal);
    font-weight: var(--f-w-normal);
    color: var(--c-1);
    font-size: 50px;
    line-height: 52px;
    margin: 0px 0px 24px 0px;
}

#portfolio ._text p{
    font-family: var(--f-f-as-r);
    font-style: var(--f-s-normal);
    font-variant: var(--f-v-normal);
    font-weight: var(--f-w-normal);
    color: var(--c-2);
    font-size: 18px;
    line-height: 32px;
    margin-bottom: 0px;
}

#portfolio ._text button{
    background: #D31145 0% 0% no-repeat padding-box;
    box-shadow: 0px 8px 24px #54545440;
    border-radius: 16px;
    border: none;
    padding: 18.5px 46px 17.5px 46px;

    font-family: var(--f-f-as-u);
    font-style: var(--f-s-normal);
    font-variant: var(--f-v-normal);
    font-weight: var(--f-w-normal);
    color: var(--c-3);
    font-size: 20px;
    line-height: 26px;
    margin-top: 48px;
}

#portfolio .container{
    margin-bottom: 200px;
}

#portfolio ._images{
    max-width: 656px;
}

#portfolio ._images a,
#portfolio ._images img{
   /* margin-bottom:40px;*/
}

#portfolio ._text {
    max-width: 336px;
    margin-left: 20px;
}

#portfolio ._images.grid{
    grid-template-columns: repeat(
        auto-fit,
        minmax(80px, 150px)
    );
    gap: 18px 16px;
    justify-items: center;
}

@media screen  and (max-width: 1012px) {

    #portfolio ._text h1{
        text-align: center;
    }

    #portfolio .container{
        justify-content: center !important;
    }

    #portfolio ._text {
        margin-top: 40px;
        max-width: 752px;
    }
}

@media only screen and (max-width: 768px ) {
    #portfolio ._text p{
        text-align: center;
        padding: 0px 24px;
    }
    #portfolio ._images{
        padding-top: 24px;
        margin: auto;
        max-width: 515px;
    }
    #portfolio ._images img{
        margin-right: 42px;
    }
    #portfolio ._text .btn-container{
        justify-content: center;

    }
}