/* Green Bananas 2025 */

:root {
    /* Colors */
    --clr-one: #256729;
    --clr-two: #EEEEEE;
	--clr-three: #F7F7F7;

    /* Font size */
    --f-size-basic: 14px; /* basis font size voor bijv. p span ezv. */
	--fs-null: 60px;
    --fs-one: 53px;
    --fs-two: 45px;
    --fs-three: 39px;
    --fs-four: 30px;
    --fs-five: 21px;
	--fs-six: 18px;

    /* Line height */
    --lhf-basic: 19px ;
	--lhf-null: 70px;
    --lhf-one: 57px;
	--lhf-two: 50px;
	--lhf-three: 44px;
	--lhf-four: 35px;
	--lhf-five: 25px;
	--lhf-six: 22px;

    /* Fonts */
    --f-one: "supria-sans", sans-serif;
    --f-two: "supria-sans", sans-serif;
  }

/****************** Responsive ******************/
@media (max-width: 1540px){
    :root {
    /* Font size */
    --fs-basic: 14px; 
	--fs-null: 50px;
    --fs-one: 40px;
    --fs-two: 34px;
    --fs-three: 30px;
    --fs-four: 24px;
    --fs-five: 20px;
	--fs-six: 19px;

    /* Line height */
    --lhf-basic: 19px ; 
	--lhf-null: 60px;
    --lhf-one: 50px;
	--lhf-two: 40px;
	--lhf-three: 36px;
	--lhf-four: 29px;
	--lhf-five: 25px;
	--lhf-six: 22px;
    }
}

@media (max-width: 1212px){
    :root {
    /* Font size */
    --fs-basic: 15px; 
	--fs-null: 40px;
    --fs-one: 35px;
    --fs-two: 32px;
    --fs-three: 28px;
    --fs-four: 23px;
    --fs-five: 19px;
	--fs-six: 18px;

    /* Line height */
    --lhf-basic: 25px ; 
	--lhf-null: 48px;
    --lhf-one: 42px;
	--lhf-two: 38px;
	--lhf-three: 33px;
	--lhf-four: 27px;
	--lhf-five: 24px;
	--lhf-six: 21px;
    }
}

@media (max-width: 1024px){
    :root {
	/* Font size */	
     --fs-basic: 15px; 
	--fs-null: 35px;
    --fs-one: 30px;
    --fs-two: 27px;
    --fs-three: 24px;
    --fs-four: 21px;
    --fs-five: 18px;
	--fs-six: 17px;

    /* Line height */
    --lhf-basic: 25px ; 
	--lhf-null: 42px;
    --lhf-one: 36px;
	--lhf-two: 32px;
	--lhf-three: 28px;
	--lhf-four: 25px;
	--lhf-five: 22px;
	--lhf-six: 20px;
    }
}

@media (max-width: 767px){
    :root {
	/* Font size */
    --fs-basic: 15px; 
	--fs-null: 30px;
    --fs-one: 27px;
    --fs-two: 24px;
    --fs-three: 22px;
    --fs-four: 20px;
    --fs-five: 17px;
	--fs-six: 16px;

    /* Line height */
    --lhf-basic: 25px ; 
	--lhf-null: 37px;
    --lhf-one: 33px;
	--lhf-two: 29px;
	--lhf-three: 26px;
	--lhf-four: 24px;
	--lhf-five: 21px;
	--lhf-six: 19px;
    }
}

@media (max-width: 600px){
    :root {
	/* Font size */
    --fs-basic: 15px; 
	--fs-null: 27px;
    --fs-one: 24px;
    --fs-two: 22px;
    --fs-three: 19px;
    --fs-four: 18px;
    --fs-five: 17px;
	--fs-six: 16px;

    /* Line height */
    --lhf-basic: 25px ; 
	--lhf-null: 33px;	
    --lhf-one: 30px;
	--lhf-two: 25px;
	--lhf-three: 23px;
	--lhf-four: 21px;
	--lhf-five: 19px;
	--lhf-six: 17px;
    }
}