/*
    background-color: rgb(236, 232, 231);
    background-color: rgb(31, 132, 126);
    background-color:rgb(115, 73, 130);
    */
*{
    margin: 0;
    padding: 0;
}
.offerings-intro-image{
  background-image: url("https://www.dropbox.com/scl/fi/27tg5yu2p89vazzd8wxf2/IMG_9172.JPG?rlkey=n1p2detqixxxi064ksyzp6xc2&st=hnei9wed&raw=1");
    box-shadow: inset 2500px 0 0 0 rgba(0, 0, 0, 0.2);
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    height: 80vh;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    padding-top: 100px;
}

.offerings-intro-image h1{
    color: #ece8e7;
    font-size: 50px;
}
.list-of-offers{
    padding: 50px 0px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background-color: #ece8e7;
}
.total-offers{
    display: flex;
    flex-flow: row wrap;
    justify-content: space-around;
    align-items: center;
    padding: 20px 0px;
    margin: 0px 0px 50px 0px;
}
.total-offers a{
    width: 30%;
    height: 25vh;
    background-color: rgb(31, 132, 126);
    margin-top: 20px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    padding: 10px;
    background-size: cover;
    background-repeat: no-repeat;
    box-shadow: inset 2500px 0 0 0 rgba(0, 0, 0, 0.2);
}
.total-offers a h3{
    font-size: 22px;
}
#qijong-wrapper{
    background-image: url(https://www.dropbox.com/scl/fi/r9ga2ipg4grl3km4jldpe/IMG_9508.JPG?rlkey=i5op4hplsgc692ii9r299vn3y&st=k7cywnny&raw=1);
    background-position: center;
}
#massage-wrapper{
    background-image: url(https://www.dropbox.com/scl/fi/nqtdd8uitib41ue0p0z77/massage.jpg?rlkey=8182ldo38tr7qaiee0pw9024x&st=dx1hkh2g&raw=1);
    background-position: center;
}
#classes-wrapper{
    background-image: url(https://www.dropbox.com/scl/fi/dtylnq5p061u1to0rwtep/classes.png?rlkey=aah4ivqc7mbk254wxa32q6bwr&st=wnsmo7mj&raw=1);
    background-position: bottom;
}
#retreats-wrapper{
    background-image: url(https://www.dropbox.com/scl/fi/5ekyb7ake25lpuzo6ui00/sessons.jpg?rlkey=nrlfdv940bbs84dus6yvdxwhk&st=g7596bew&raw=1);
    background-position: center;
}
#meditation-wrapper{
    background-image: url(https://www.dropbox.com/scl/fi/2d25q1ed5dhcr4bply3zu/energy_sessions.jpg?rlkey=llzpervjjyz3gs3ysl0h7mcrl&st=sxpip4qo&raw=1);
    background-position: center;
}
#grooves-wrapper{
    background-image: url(https://www.dropbox.com/scl/fi/eflbarnp95azb0baafe95/medidation-2.jpg?rlkey=he9se62v7wm2ull9v3gdeb3hw&st=wbwapw19&raw=1);
    background-position: center;
}
#moneymed-wrapper{
    background-image: url(https://www.dropbox.com/scl/fi/bhmmjppza7fs5tlvzo1ls/Money-Manifesting-Meditation-2.jpg?rlkey=boqlp3n7x21jfik0nscjz9tdt&st=y67buii4&raw=1);
}
.list-of-offers h4{
    color: #1f847e;
    font-size: 30px;
    line-height: 40px;
    text-align: center;
    width: 80%;
    
}
#schedule{
    color:#734982;
    margin: 20px;
    border: solid 2px;
    padding: 10px 20px;
    transition: all ease-in-out 0.5s;
}
#schedule:hover{
    background-color:#734982;
    color: #ece8e7;
    margin: 20px;
    border: solid 2px;
    padding: 10px 20px;
    transition: all ease-in-out 0.5s;

}
.about-intro-image{
 background-image: url(https://www.dropbox.com/scl/fi/n546p74jy4r8uq54fxbrs/Fountain-of-Chi_Laci-Montrose-2025-10.JPG?rlkey=h15972bx9wj601fkfvy9qxqa3&st=7ps5es2g&raw=1);
  background-size: cover;
  background-repeat: no-repeat;
  background-position: top;  
  display: flex;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
}
.about-intro-image h1{
    color: #ece8e7;
}
.full-story{
    font-size: 20px;
    color: #000000b6;
    line-height: 28px;
    margin-bottom: 25px;
    margin: 50px 0px;
}
.top-founder-about h2{
    font-size: 30px;
    color: #1f847e;
    line-height: 38px;
    margin-bottom: 10px;
}
.top-founder-about h3{
    font-size: 25px;
    color: #1f847e;
    line-height: 33px;
    margin-bottom: 5px;
}
.top-founder-about h4{
    font-size: 20px;
    color: #000000b6;
    line-height: 28px;
    margin-bottom: 15px;
}
.top-founder-about p{
    font-size: 20px;
    color: #000000b6;
    line-height: 28px;
    margin-bottom: 25px;
}
.left-founder a{
    color: #000000b6;
    font-size: 20px;
    line-height: 33px;
    margin-bottom: 5px;
    padding: 10px 20px;
    text-decoration: none;
    border: solid 2px;
}
@media screen and (max-width: 1000px) {
.about-intro-image{
  background-position: center;  
  background-position: right;

}
.offerings-intro-image h1{
    color: #ece8e7;
    font-size: 40px;
    line-height: 48px
}
.list-of-offers{
    padding: 50px 0px;
    display: flex;
    flex-flow: column;
    justify-content: center;
    align-items: center;
    background-color: #ece8e7;
}
.total-offers{
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    align-items: center;
    padding: 20px 0px;
    margin: 0px 0px 50px 0px;
}
.total-offers a{
    width: 100%;
    border-radius: 8px;
    height: 30vh;
    margin: 20px 0px;
}
.total-offers a h3{
    font-size: 20px;
}

.list-of-offers h4{
    color: #1f847e;
    font-size: 25px;
    line-height: 35px;
    text-align: center;
    width: 80%;
}
#schedule{
    font-size: 18px;
}

}