.to-hero {
  position: relative;
  background: #fbf9f7;
  padding: 32px 20px;
}

.to-hero-in {
  position: relative;
  align-items: center;
  justify-content: center;
  color: #222222;
  overflow: hidden;
  width:				100%;
	max-width: 			1700px;
	margin: 			0px auto;
}

.to-hero-in h1{
  font-size: 52px;
  line-height: 60px;
  text-align: center;
  color: #222222;
  font-weight: bold;
}


.to-hero-in h2{
  font-size: 28px;
  line-height: 38px;
  text-align: center;
  color: #222222;
  font-weight: normal;
}


.to-hero-in > .to-hero-back{
  position: relative;
  display: flex;
  justify-content: center; 
  align-items: center;     
  gap: 5%;                 
  width: 100%;
  flex-direction: row;
  padding: 30px 0px;
}

.to-hero-in > .to-hero-back > img{
  max-width: 20%;
  border-radius: 20px;
  /*filter:grayscale();*/
}

.to-hero__content {
  position: relative;
  text-align: center;
  padding: 20px 0px;
}