@import "./global.css";
@import "./colors.css";
@import "./sizes.css";



.mainContainerabout{
    padding:100px 20px;
    display: inline;
    width: 100%;
}

.gridabout{
    display: grid;
    grid-template-columns: 50% 50%;
    padding-top:  120px;
    padding-left: 100px;
    padding-right: 100px;
    gap: 20px;
}

.abouttitle{
    font-family: Authentic Sans;
    font-size: 24px;
}

.textleftabout{
    font-family: "subtitle";
    font-size: 25px ;
}


.title-about{
    font-family: "Authentic Sans";
    font-size: 24px;
}

.subtitle-about{
    font-family: "subtitle";
    font-size: 25px;
}

@media (max-width: 700px){
    .mainContainerabout{
        padding:120px 10px;
        display: inline;
        width: 100%;
    }

    .gridabout{
        display: block;
        grid-template-columns: 100%;
        padding-top:  120px;
        padding-left: 20px;
        padding-right: 20px;
        gap: 20px;
    }

    .textleftabout{
        font-family: "subtitle";
        font-size: 19px ;
        padding-bottom: 20px;
    }

    .title-about{
        font-family: "Authentic Sans";
        font-size: 15px;
    }

    .subtitle-about{
        font-family: "subtitle";
        font-size: 15px;
        line-height: 1.2;
    }
    
}