:root {
    --vh:  -webkit-fill-available;

    --text:         var(--brack);

    --link:         var(--blues);
    --lowlink:      var(--tauli);

    --lowbkg:       var(--dark-kaki);

   	--textaction:   var(--white);
    --input:        rgba(200,220,200,0.8);

}



.vsplit  			{ display: grid; grid-template-columns: 1fr 1fr; min-height: 100vh; }

.vsplit > div 		{ position: relative; height: 100%; padding: 4rem;  display: grid; place-content: center; }

.vsplit .bkg 		{ position: absolute; padding: 0; display: block; }
.vsplit .veil		{ position: absolute; }


.dico  				{ width: 100%; background-color: var(--light); color: var(--brack); display: grid; place-content: center; }
.dico div  			{ margin: auto; width: 100%; }
.dico .fineprint    { padding: 1em 0 !important; }

a.btn            { background-color: var(--link); color: var(--textaction); border: none; margin-top: 2em; padding: 1em 2em; border-radius: 2em; }

@media only screen and (max-width: 609px) {
 
 	.vsplit > div 		{ padding: 1rem; font-size: 0.8em;  }
 	.dico h2   			{ font-size: 1.65em;  }
  
}


.front .footer.sub { background-color: rgba(0,0,0,0.66);  }


.fs                 { background-color: var(--blued); color: var(--cream); }
.fs .VP h1          { font-family: Raleway; font-size: 3em; }