@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600;800;900&display=swap');  /*montserrat*/
/*   @import url("https://use.typekit.net/vrr7jbl.css");  *//*proxima nova*/
/*@import url("https://use.typekit.net/roe5pox.css"); Myriad pro*/
/*@import url("https://use.typekit.net/dln2toq.css");futura PT*/
/* @font-face {  font-family: TescoModern;  src: url("TESCO.otf") format("opentype");} */ /*tesco font*/

:root {
    --fontfam:  montserrat, sans-serif;  /*( montserrat, sans-serif; / myriad-pro, sans-serif / proxima-nova, sans-serif / futura-pt, sans-serif; / TescoModern, sans-serif;)*/   
    --bgcol: #fbe2c1; /*page background color*/
    --fontcol:#2b6d6d; /*main above the line font color*/
    --bggrad: none /* Gradient background for page - either none or linear-gradient(to bottom, #fff, #0cbce3)*/;
    --altbgcol:rgba(43,109,109,0.8); /*form color*/
    --altfontcol:#fbe2c1;/*form font color*/
    --altbordercol: rgba(0,0,0,0); /*form border color*/
    --altshadow: 5px 5px 0px #2b2621; /*form shadow color*/
    --footerbgcol:rgba(255,255,255,0); /*footer color*/
    --footerfontcol:#000000;/*form font color*/
    --linkcol:#fff; /*color of any links*/
    --errorcol:#c46767; /*error message color*/
    --bgimage:   url("/images/botleft.webp" ), url("/images/topleft.webp" ), url("/images/topright.webp" ), url("/images/botright.webp" ) ,url("/images/volcano3.webp") ,url("/images/bg2.png" ); /*background image*/
    --bgattach: scroll; /*scollable or fixed bg image*/
    --bgrep: no-repeat, no-repeat,no-repeat,no-repeat,no-repeat,no-repeat,no-repeat; /*repeat repeat-x repeat-y no-repeat*/
    --bgsize:  20% auto, 12% auto, 40% auto, 30% auto, auto 100%, 100% 100%; /*cover (fills page) 100% 100vh auto etc*/ 
    --logo: url("/images/logo.png");
    --footer: url("/images/flowers.webp"); /*centered footer image*/
    --footer1: url("/images/pixel.png"); /*left footer image do not use with --footer one or other only*/
    --footer2: url("/images/pixel.png"); /*right footer image do not use with --footer one or other only*/
    --pagefooter: url("/images/pixel.png"); /*centered page footer image*/
    --spinner: url("/images/pixel.png"); /*landing spin image animation if required*/
    --buttoncol:  #fbe2c1; /*button color*/
    --buttonfont: #000000; /*button font color*/
    --buttonbordercol: #5c3a08; /*button border color*/
    --buttonshadow: 6px 6px 0px #2b2621; /*button shadow color*/
}