:root {
  --home-button-color: rgba(218, 212, 200, 1);
  --bg-color-transp: rgba(255, 247, 241, 0.35);
  --bg-color: rgba(255, 247, 241, 0.98);
  --bg-color-two: rgba(255, 247, 241, 0.4);
  --bg-color-transparent: rgba(255, 242, 231, 0.9);
  --bg-color-transparent2: rgba(255, 242, 231, 0.9);
  --prm-color: black;
  --prm-gray: rgba(255, 247, 241, 0.98);
  --costs-font-size: clamp(0.813rem, 0.76625rem + 0.23375vw, 1rem);
  --costs-font-size-desktop: clamp(0.938rem, 0.86rem + 0.39vw, 1.25rem);
  --bg-color-input: rgba(255, 247, 241, 0.65);
  --text-color-2: white;
  --hover-button-color: rgba(34, 45, 50, 0.9);
}

/*background #1*/
.person-background {
  background-image: url('backgrounds/bg_1_newTree_mobile.png');
  position: absolute;
  background-size: 300%;  
  background-repeat: repeat;
  background-position: center;
  height: 1000000000px;  
  filter:blur(15px);
  -webkit-filter: blur(15px);
  opacity: 0.25;
  left: 0;
  right: 0;
  z-index: -1;
}

@media (max-width:1000px) {
  .person-background {
    background-image: url('backgrounds/bg_1_newTree_mobile.png');
    position: absolute;
    background-size: 700%;
    margin-top:1px;
    background-repeat: repeat;
    background-position: center;
    height: 1000000000px;  
    filter:blur(8px);
    -webkit-filter: blur(8px);
    opacity: 0.28;
    left: 0;
    right: 0;
    z-index: -1;
  }
}

.desktop-margin-personpage-left {
  background: url('backgrounds/bg_left.png');
  position:absolute;
  height:1000000000px;  
  background-size: 200%;
  left: -60%;
  right: 100%;
  z-index: -1;
  filter:blur(25px);
  -webkit-filter: blur(25px);
  opacity: 0.6;
  background-position-x: 45% !important;
  background-position-y: -300px !important;
}

.desktop-margin-personpage-right {
  background: url('backgrounds/bg_right.png');
  position:absolute;
  
  background-size: 200%;
  height:1000000000px;  
  left: 100%;
  right: -60%;
  z-index: -1;
  filter:blur(25px);
  -webkit-filter: blur(25px);
  opacity: 0.5;
  background-position-x: 35% !important;
  background-position-y: -300px !important;
}  



/*background #2*/
/*.person-background {
  background-image: url('backgrounds/bg_3_newTree_mobile.png');
  position: absolute;
  background-size: 300%;  
  background-repeat: repeat;
  background-position: center;
  height: 10000000px;  
  filter:blur(2px);
  -webkit-filter: blur(2px);
  opacity: 0.252;
  left: 0;
  right: 0;
  z-index: -1;
}

@media (max-width:1000px) {
  .person-background {
    background-image: url('backgrounds/bg_3_newTree_mobile.png');
    position: absolute;
    background-size: 700%;
    margin-top:1px;
    background-repeat: repeat;
    background-position: center;
    height: 10000000px;  
    filter:blur(2px);
    -webkit-filter: blur(2px);
    opacity: 0.25;
    left: 0;
    right: 0;
    z-index: -1;
  }
}

.caption-container {
  background: rgb(235, 245, 244) !important;
  border-top: solid 1px rgb(243, 210, 210) !important;
  border-bottom: solid 1px rgb(243, 210, 210) !important;
}

.desktop-margin-personpage-left {
  background: url('backgrounds/bg_left.png');
  position:absolute;
  height:1000000000px;  
  background-size: 200%;
  left: -60%;
  right: 100%;
  z-index: -1;
  filter:blur(25px);
  -webkit-filter: blur(25px);
  opacity: 0.6;
  background-position-x: 45% !important;
  background-position-y: -300px !important;
}

.desktop-margin-personpage-right {
  background: url('backgrounds/bg_right.png');
  position:absolute;
  
  background-size: 200%;
  height:1000000000px;  
  left: 100%;
  right: -60%;
  z-index: -1;
  filter:blur(25px);
  -webkit-filter: blur(25px);
  opacity: 0.5;
  background-position-x: 35% !important;
  background-position-y: -300px !important;
}*/