:root {
	/*font*/
	/*--font-main: 'EuropeExtendedC', "EuropeC", Helvetica, Arial, "sans-serif";*/
	--font-main: "Montserrat", Helvetica, Arial, "sans-serif";
	--font-header: 'Micra', "Helvetica Neue", Helvetica, Arial, "sans-serif";
	
	/*color*/
	--white-color: rgba(255, 255, 255, 1);
	--black-color: rgba(0, 0, 0, 1);
	--dark-grey-color: rgba(51, 51, 51, 1);
	--grey-color: rgba(102, 102, 102, 1);
	--grey-color-50: rgba(153, 153, 153, 1);
	--main-color: rgba(195, 229, 206, 1);
	--second-color: rgba(231, 242, 236, 1);
	
	/* dop colors */
	--light-grey-color: rgba(231, 242, 236, 1);
	
	--dop-color-1: rgba(151, 214, 171, 1);
	--dop-color-2: rgba(42, 112, 101, 1);
	--dop-color-3: rgba(0, 50, 123, 1);
	
	
	/* BORDER */
	--border-radius-30: 30px;
	--border-radius-15: 15px;
	
}

*, body{
    font-family: var(--font-main);
	/*letter-spacing: .05rem;
	background-color: var(--white-color);*/
}

h1, .h1{
	font-family: var(--font-header);
    font-weight: 500;
}

h2, .h2{
	font-family: var(--font-header);
    font-weight: 500;
}

h3, .h3{
	font-family: var(--font-header);
    font-weight: 500;
}





.sp-width-main{
	padding-left: 30px;
	padding-right: 30px;
}


.sp-pt{
	padding-top: 5vh;
}

.sp-pb{
	padding-bottom: 5vh;
}


/* BUTTONS */

.btn-primary {
  --bs-btn-color: var(--black-color);
  --bs-btn-bg: var(--main-color);
  --bs-btn-border-color: var(--main-color);
  --bs-btn-hover-color:var(--black-color);
  --bs-btn-hover-bg: var(--dop-color-1);
  --bs-btn-hover-border-color: var(--dop-color-1);
  --bs-btn-focus-shadow-rgb: 49, 132, 253;
  --bs-btn-active-color: var(--black-color);
  --bs-btn-active-bg: var(--dop-color-1);
  --bs-btn-active-border-color: var(--dop-color-1);
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: var(--second-color);
  --bs-btn-disabled-border-color: var(--second-color)
}