/* Green Bananas 2025 */

:root {
    /* Colors */ 
	--clr-one: #1A2E30; /* donkergroen */
	--clr-two: #8BA43C; /* Flashy groen */
	--clr-three: #FBFBF3; /* Grijs */
	--clr-four: #2A4245; /* Lichtgroen */
	--clr-five: #DEDB87; /* Gelig */


    /* Font size */
    --f-size-basic: 14px; /* basis font size voor bijv. p span ezv. */
	--fs-null: 60px;
    --fs-one: 40px;
    --fs-two: 28px;
    --fs-three: 26px;
    --fs-four: 24px;
    --fs-five: 22px;
	--fs-six: 18px;

    /* Line height */
    --lhf-basic: 19px ;
	--lhf-null: 70px;
    --lhf-one: 52px;
	--lhf-two: 34px;
	--lhf-three: 31px;
	--lhf-four: 29px;
	--lhf-five: 25px;
	--lhf-six: 22px;

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

/****************** Responsive ******************/
@media (max-width: 1540px){
    :root {
     /* Font size */
    --f-size-basic: 14px; /* basis font size voor bijv. p span ezv. */
	--fs-null: 50px;
    --fs-one: 32px;
    --fs-two: 24px;
    --fs-three: 22px;
    --fs-four: 20px;
    --fs-five: 18px;
	--fs-six: 16px;

    /* Line height */
    --lhf-basic: 19px ;
	--lhf-null: 70px;
    --lhf-one: 36px;
	--lhf-two: 29px;
	--lhf-three: 27px;
	--lhf-four: 25px;
	--lhf-five: 23px;
	--lhf-six: 21px;
}

@media (max-width: 1212px){
    :root {
  
    }
}

@media (max-width: 1024px){
    :root {
	
    }
}

@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: 28px;
	--lhf-three: 23px;
	--lhf-four: 21px;
	--lhf-five: 19px;
	--lhf-six: 17px;
    }
}