.about-header{
    .inner-container{
        justify-items: center;
        display: grid;
        grid-template-columns: 1fr;
        grid-template-areas:
        "main-title" "left"  "bottom_left" "right" "bottom_right" "middle" ;

        gap:40px;

        @media(min-width: 768px){
            grid-template-columns: 1fr 1fr;
            grid-template-areas:
        "main-title main-title "
        "left right"
        "bottom_left bottom_right"
        "middle middle";
        }
        @media(min-width: 1366px){
            grid-template-columns: 1fr 1fr 1fr;
            grid-template-areas:
        "left main-title  right"
        "bottom_left middle bottom_right";
        }
        @media(min-width: 1600px){
            row-gap: 180px;
        }
        @media(min-width: 1900px) {
            row-gap: 80px;
        }
    }
    .main-title{
        font-size:30px;
        grid-area: main-title;
        text-align: center;
        text-transform: uppercase;
        color:var(--blue);

	@media(min-width:768px){
		font-size:60px;
	}
        @media(min-width: 1366px){
            font-size:90px;
            transform:translateX(-50%);
            left:50%;
            position: absolute;

        }
        @media(min-width: 1400px){
            font-size:100px;
        }
        @media(min-width: 1900px){
            font-size:110px;
        }
    }

    .textural{
        display: grid;
        place-content: center;
        place-items: center;
        padding:0px 50px;
    }

    img{
        width:80%;
        border-radius: 30px;
    }
    .left{
        grid-area: left;
    }

    .right{
        grid-area: right;
    }

    .middle{
        grid-area: middle;
    }

    .bottom_left{
        grid-area: bottom_left;
    }

    .bottom_right{
        grid-area: bottom_right;
    }


}