:root {
   --base: #ffffff;
   --base2: #ffffff;
   --base3: #a3958c;
}

html {height:100%; scroll-behavior: smooth;}
*, ::before, ::after {box-sizing: border-box;}
* {padding:0; margin:0; box-sizing: border-box;}
img {display: block;}
.img-fluid {max-width: 100%; width: 100%; height:auto;}
body {font-family: sans-serif; font-weight: 100; line-height: normal;}

h1 {font-size: clamp(1.7rem, 1.4887rem + 0.9014vw, 2.3rem);}
#slide1 h2 {font-size: clamp(1.2rem, 1.0625rem + 1vw, 1.3rem); font-weight:400; margin-bottom: 10px; }

h2 {font-size: clamp(1.2rem, 1.0625rem + 1vw, 1.8rem); font-weight: 600; margin-bottom: 15px; line-height: 120%;}


h3 {font-size: 17px;font-weight: 400;margin-bottom: 10px;}
h4 {font-size: 12px;font-weight: 100;margin-bottom: 10px; letter-spacing: 2px; text-transform: uppercase;}
p {font-weight: 100;margin-bottom: 10px;}
.cfs {display:flex; justify-content: center; flex-wrap: wrap; margin:0 auto; padding:0 20px; width:100%; max-width: 1900px; }

.nowrap {flex-wrap: nowrap;}

.flexfull {flex:1 1 100%; text-align: center;}
a {color:#222;}

.bold {font-weight: 400;}
.bolder {font-weight: 600;}

li {margin:0 0 10px 20px; list-style: auto; line-height: 140%;}


.button-elevated {
   border-radius: 30px;
   padding: 12px 20px;
   display: inline-block;
   color: #ffffff;
   background: linear-gradient(300deg,#ad1eff,#3ab8c3,#448fd6);
   background-size: 180% 180%;
   animation: gradient-animation 5s ease infinite;
   border: 0;
   font-size: 16px;
 }
 
 
 
 .button-elevated::selection {
   border-radius: 30px;
   padding: 12px 20px;
   background: #ffffff; 
   color: black;}