:root{
    --igo-greybg: #f4f5f9;
    --igo-blue: #04306f;
    --igo-blue50: rgb(4 48 111 / 50%);
    --igo-green: #64c115;
    --igo-lightgreen: #B8E293;
    /* --igo-cool-grey: #929292; */
    --igo-cool-grey: #303030;
    --igo-h1-size: 51px;
    --igo-h1-line-height: 61px;
    --igo-h2-size: 45px;
    --igo-h2-line-height: 54px;
    --igo-h3-size: 32px;
    --igo-h3-line-height: 38.4px;

    --igo-p-size: 18px;
    --igo-p-line-height: 26.46px;

    --igo-padding-LR: 16px;
    --igo-padding-TB: 48px;
    --igo-spacing: 56px;
    --igo-spacing-half: calc(56px / 2);

    --igo-herolist-size: 18px;
    --igo-herolist-line-height: 24px;

    --igo-gap: 24px;
}

@media only screen and (min-width: 481px){
    :root{
        --igo-padding-LR: 40px;
    }
}

@media only screen and (min-width: 680px) {
  :root{
    --igo-gap: 32px;
  }
}

@media only screen and (min-width:740px){
    :root{
        --igo-padding-TB: 0px;
    }
}

@media only screen and (min-width: 768px){
    :root{
        --igo-h2-size: 51px;
        --igo-h2-line-height: 61.2px;
        --igo-h3-size: 45px;
        --igo-h3-line-height: 54px;
        
        --igo-p-size: 20px;
        --igo-p-line-height: 29.4px;

        --igo-padding-LR: 24px;
        --igo-spacing:72px;
        --igo-spacing-half: calc(72px / 2);
    }
}

@media only screen and (min-width: 1025px){
    :root{
        --igo-h2-size: 57px;
        --igo-h2-line-height: 68.4px;
        --igo-h3-size: 51px;
        --igo-h3-line-height: 61.2px;
        
        --igo-p-size: 22px;
        --igo-p-line-height: 32.34px;

        --igo-padding-LR: 24px;
        --igo-spacing: 56px;
        --igo-spacing-half: calc(56px / 2);
    }
}

@media only screen and (min-width: 1280px){
    :root{
        --igo-padding-LR: 0px;
    }
}