* {


    --full-white: rgb(255, 255, 255);

    --main-font-color: rgb(68, 68, 68);
    --main-font-color: rgb(27, 27, 27);

    --main-padding: 14rem;
    /* --nav-padding: 17rem; */
    --main-bg: rgb(235, 235, 235);
    /* --main-bg: rgb(248, 247, 255); */

    --logo-color-1: #24B278;
    --logo-color-1a: rgb(40, 10, 224);
    --logo-color-1a-num: 40, 10, 224;
    --logo-color-1-num: 3, 41, 177;
    --logo-color-2: rgb(13, 154, 193);
    --logo-color-2-num: 13, 154, 193;

    --contact-color: #fff;

    --box-shadow-2: 0rem 5rem 3rem -2rem rgba(41, 41, 41, 0.1);
    --box-shadow-1: 0rem 5rem 2rem -2rem rgba(0, 0, 0, 0.1);


    --header-color: #24B278;
    --main-color: #24B278;

    --main-font: Montserrat, sans-serif
}

@media only screen and (max-width:1200px) {
    * {
        --main-padding: 10rem;
    }
}

@media only screen and (max-width:1025px) {
    * {
        --width-arround-grid: 80%;

    }
}

@media only screen and (max-width:900px) {
    * {
        --main-padding: 8rem;
        --width-arround-grid: 100%;
    }
}

@media only screen and (max-width:600px) {
    * {
        --main-padding: 2rem;
        --width-arround-grid: 100%;
    }
}