/* Green Bananas 2025 */

:root {
    /* Colors */
	--clr-three: #F7F7F7;
	--clr-one: #51775D;
	--clr-two: #C4DCB7;

    /* Font size */
    --f-size-basic: 14px; /* basis font size voor bijv. p span ezv. */
	--fs-null: 60px;
    --fs-one: 42px;
    --fs-two: 33px;
    --fs-three: 27px;
    --fs-four: 25px;
    --fs-five: 21px;
	--fs-six: 18px;

    /* Line height */
    --lhf-basic: 19px ;
	--lhf-null: 70px;
    --lhf-one: 48px;
	--lhf-two: 39px;
	--lhf-three: 32px;
	--lhf-four: 33px;
	--lhf-five: 25px;
	--lhf-six: 22px;

    /* Fonts */
    --f-one: "all-round-gothic", sans-serif;
    --f-two: "Jost", sans-serif;
  }

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

    /* Line height */
    --lhf-basic: 25px ; 
	--lhf-null: 48px;
    --lhf-one: 39px;
	--lhf-two: 34px;
	--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: 23px;
    --fs-two: 19px;
    --fs-three: 18px;
    --fs-four: 17px;
    --fs-five: 16px;
	--fs-six: 15px;

    /* Line height */
    --lhf-basic: 25px ; 
	--lhf-null: 33px;	
    --lhf-one: 25px;
	--lhf-two: 28px;
	--lhf-three: 23px;
	--lhf-four: 22px;
	--lhf-five: 21px;
	--lhf-six: 20px;
    }
}