@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,100);
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,300,300italic,400italic,600,600italic,700);
@import url(https://fonts.googleapis.com/css2?family=Acme&family=Lilita+One&display=swap);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.0/css/all.min.css);
.btn-info {
  background-color: #7d4e57;
  border-color: #7d4e57;
}
.btn-info:hover {
  color: #d66853;
  background-color: #364156;
  border-color: #364156;
}

.btn-magenta {
  color: #e6e6e9;
  background-color: #d66853 !important;
  border-color: #d66853 !important;
}
.btn-magenta:hover {
  color: #364156 !important;
  background-color: #e08c7c !important;
  border-color: #e08c7c !important;
}

#terms,
#privacy,
#refund,
#contact,
#login,
#signup,
#cancel,
#order,
#password-request {
  padding-top: 130px;
}
#terms h2,
#privacy h2,
#refund h2,
#contact h2,
#login h2,
#signup h2,
#cancel h2,
#order h2,
#password-request h2 {
  color: #d66853;
}
#terms h5,
#privacy h5,
#refund h5,
#contact h5,
#login h5,
#signup h5,
#cancel h5,
#order h5,
#password-request h5 {
  color: #e6e6e9;
}
#terms .separator_wrapper,
#privacy .separator_wrapper,
#refund .separator_wrapper,
#contact .separator_wrapper,
#login .separator_wrapper,
#signup .separator_wrapper,
#cancel .separator_wrapper,
#order .separator_wrapper,
#password-request .separator_wrapper {
  color: #d66853;
}
#terms .separator_wrapper i,
#privacy .separator_wrapper i,
#refund .separator_wrapper i,
#contact .separator_wrapper i,
#login .separator_wrapper i,
#signup .separator_wrapper i,
#cancel .separator_wrapper i,
#order .separator_wrapper i,
#password-request .separator_wrapper i {
  color: #d66853;
}

/*Text*/
.text-uppercase {
  text-transform: uppercase;
}

.text-extra-medium {
  font-size: 26px;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-capitalize {
  text-transform: capitalize;
}

/*
Shorthand 	Description
m 	Margin
t 	Top
r 	Right
b 	Bottom
l 	Left
x 	X-axis (left and right)
y 	Y-axis (top and bottom)
n 	Negative
0 	0 reset
1 	--space-1 (default .5rem)
2 	--space-2 (default 1rem)
3 	--space-3 (default 2rem)
4 	--space-4 (default 4rem)
*/
.m0 {
  margin: 0;
}

.mt0 {
  margin-top: 0;
}

.mr0 {
  margin-right: 0;
}

.mb0 {
  margin-bottom: 0;
}

.ml0 {
  margin-left: 0;
}

.mx0 {
  margin-left: 0;
  margin-right: 0;
}

.my0 {
  margin-top: 0;
  margin-bottom: 0;
}

.m1 {
  margin: var(--space-1);
}

.mt1 {
  margin-top: var(--space-1);
}

.mr1 {
  margin-right: var(--space-1);
}

.mb1 {
  margin-bottom: var(--space-1);
}

.ml1 {
  margin-left: var(--space-1);
}

.mx1 {
  margin-left: var(--space-1);
  margin-right: var(--space-1);
}

.my1 {
  margin-top: var(--space-1);
  margin-bottom: var(--space-1);
}

.m2 {
  margin: var(--space-2);
}

.mt2 {
  margin-top: var(--space-2);
}

.mr2 {
  margin-right: var(--space-2);
}

.mb2 {
  margin-bottom: var(--space-2);
}

.ml2 {
  margin-left: var(--space-2);
}

.mx2 {
  margin-left: var(--space-2);
  margin-right: var(--space-2);
}

.my2 {
  margin-top: var(--space-2);
  margin-bottom: var(--space-2);
}

.m3 {
  margin: var(--space-3);
}

.mt3 {
  margin-top: var(--space-3);
}

.mr3 {
  margin-right: var(--space-3);
}

.mb3 {
  margin-bottom: var(--space-3);
}

.ml3 {
  margin-left: var(--space-3);
}

.mx3 {
  margin-left: var(--space-3);
  margin-right: var(--space-3);
}

.my3 {
  margin-top: var(--space-3);
  margin-bottom: var(--space-3);
}

.m4 {
  margin: var(--space-4);
}

.mt4 {
  margin-top: var(--space-4);
}

.mr4 {
  margin-right: var(--space-4);
}

.mb4 {
  margin-bottom: var(--space-4);
}

.ml4 {
  margin-left: var(--space-4);
}

.mx4 {
  margin-left: var(--space-4);
  margin-right: var(--space-4);
}

.my4 {
  margin-top: var(--space-4);
  margin-bottom: var(--space-4);
}

.mxn1 {
  margin-left: -var(--space-1);
  margin-right: -var(--space-1);
}

.mxn2 {
  margin-left: -var(--space-2);
  margin-right: -var(--space-2);
}

.mxn3 {
  margin-left: -var(--space-3);
  margin-right: -var(--space-3);
}

.mxn4 {
  margin-left: -var(--space-4);
  margin-right: -var(--space-4);
}

.ml-auto {
  margin-left: auto;
}

.mr-auto {
  margin-right: auto;
}

.mx-auto {
  margin-left: auto;
  margin-right: auto;
}

/*
Shorthand 	Description
p 	Padding
t 	Top
r 	Right
b 	Bottom
l 	Left
x 	X-axis (left and right)
y 	Y-axis (top and bottom)
n 	Negative (margin only)
0 	0 reset
1 	--space-1 (default .5rem)
2 	--space-2 (default 1rem)
3 	--space-3 (default 2rem)
4 	--space-4 (default 4rem)
*/
.p0 {
  padding: 0;
}

.pt0 {
  padding-top: 0;
}

.pr0 {
  padding-right: 0;
}

.pb0 {
  padding-bottom: 0;
}

.pl0 {
  padding-left: 0;
}

.px0 {
  padding-left: 0;
  padding-right: 0;
}

.py0 {
  padding-top: 0;
  padding-bottom: 0;
}

.p1 {
  padding: var(--space-1);
}

.pt1 {
  padding-top: var(--space-1);
}

.pr1 {
  padding-right: var(--space-1);
}

.pb1 {
  padding-bottom: var(--space-1);
}

.pl1 {
  padding-left: var(--space-1);
}

.py1 {
  padding-top: var(--space-1);
  padding-bottom: var(--space-1);
}

.px1 {
  padding-left: var(--space-1);
  padding-right: var(--space-1);
}

.p2 {
  padding: var(--space-2);
}

.pt2 {
  padding-top: var(--space-2);
}

.pr2 {
  padding-right: var(--space-2);
}

.pb2 {
  padding-bottom: var(--space-2);
}

.pl2 {
  padding-left: var(--space-2);
}

.py2 {
  padding-top: var(--space-2);
  padding-bottom: var(--space-2);
}

.px2 {
  padding-left: var(--space-2);
  padding-right: var(--space-2);
}

.p3 {
  padding: var(--space-3);
}

.pt3 {
  padding-top: var(--space-3);
}

.pr3 {
  padding-right: var(--space-3);
}

.pb3 {
  padding-bottom: var(--space-3);
}

.pl3 {
  padding-left: var(--space-3);
}

.py3 {
  padding-top: var(--space-3);
  padding-bottom: var(--space-3);
}

.px3 {
  padding-left: var(--space-3);
  padding-right: var(--space-3);
}

.p4 {
  padding: var(--space-4);
}

.pt4 {
  padding-top: var(--space-4);
}

.pr4 {
  padding-right: var(--space-4);
}

.pb4 {
  padding-bottom: var(--space-4);
}

.pl4 {
  padding-left: var(--space-4);
}

.py4 {
  padding-top: var(--space-4);
  padding-bottom: var(--space-4);
}

.px4 {
  padding-left: var(--space-4);
  padding-right: var(--space-4);
}

:root {
  --space-1: 0.5rem;
  --space-2: 1rem;
  --space-3: 2rem;
  --space-4: 4rem;
}

.no-background {
  background: none;
}

.display-inline-block {
  display: inline;
}

.display-inline-block > div {
  display: inline-block;
  float: none;
  vertical-align: middle;
}

/**** HEADER SECTION ****/
#top-header {
  background-color: #11151c;
  color: #e6e6e9;
}

#navbar-collapse-02 .purchase {
  padding: 5px 20px;
}

.navbar-default {
  background-color: #e6e6e9;
  border-color: #e6e6e9;
}

.navbar-nav li a {
  padding-left: 35px;
  padding-right: 35px;
  margin-right: 5px;
  color: #e6e6e9 !important;
  background-color: #d66853 !important;
  border-color: #d66853 !important;
  border-radius: 20px;
}
.navbar-nav li a:hover {
  color: #364156 !important;
  background-color: #e08c7c !important;
  border-color: #e08c7c !important;
}

/**** CONTENT ****/
#home_wrapper {
  padding-top: 200px;
  padding-bottom: 200px;
}
#home_wrapper .home-title {
  font-size: 55px;
  font-family: "Lilita One", cursive;
  line-height: normal;
}
#home_wrapper .home-subtitle {
  padding: 0 200px;
}

#features img {
  width: 50%;
}
#features .section-subtitle {
  padding: 0 200px;
}
#features .fa-square {
  color: #d66853;
}

.separator_wrapper::after, .separator_wrapper::before {
  background-color: #d66853;
}

.icon-star-two,
.services-icon,
.fa-slack {
  color: #d66853;
}

#yoga-checklist {
  background-color: #212d40;
}

#guided-instruction {
  background-color: #2b2b2b;
}

/** On-demand Yoga Workshops & Training Plans **/
#on-demand-yoga {
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6)), url("/assets/images/section/yoga-curl-up.jpg") no-repeat center center/cover;
}

/** Find Out What Moves You **/
.eye-wrapper2 {
  padding-top: 90px;
}

.section-testimonials {
  background-color: #2b2b2b;
}

/** Pricing **/
#pricing {
  background-color: #e6e6e9;
}
#pricing .separator_wrapper i {
  color: #d66853;
}
#pricing .pricing {
  background-color: ivory;
}
#pricing .pricing-yoga-icon {
  margin-top: -50px;
}
#pricing .pricing-top {
  background-color: #2b2b2b;
}
#pricing .header {
  color: #2b2b2b;
  font-family: Oswald, Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#pricing p {
  color: #2b2b2b;
}
#pricing .details {
  font-size: 100%;
}
#pricing .bg-starter {
  background: #c38e70;
  border-bottom-color: #c38e70;
}
#pricing .bg-starter a:hover {
  color: #364156 !important;
  background-color: #d2aa94 !important;
  border-color: #d2aa94 !important;
}
#pricing .bg-basic {
  background: #489fb5;
  border-bottom-color: #489fb5;
}
#pricing .bg-basic a:hover {
  color: #364156 !important;
  background-color: #6cb2c4 !important;
  border-color: #6cb2c4 !important;
}
#pricing .bg-prime {
  background: #82c0cc;
  border-bottom-color: #82c0cc;
}
#pricing .bg-prime a:hover {
  color: #364156 !important;
  background-color: #a6d2db !important;
  border-color: #a6d2db !important;
}
#pricing .bg-gold {
  background: #ffa62b;
  border-bottom-color: #ffa62b;
}
#pricing .bg-gold a:hover {
  color: #364156 !important;
  background-color: #ffbb5e !important;
  border-color: #ffbb5e !important;
}
#pricing .btn {
  color: #7d4e57;
}
#pricing .btn-pricing-blue {
  color: #2b2b2b;
  border-color: #2b2b2b;
}
#pricing .btn-pricing-blue:hover {
  background-color: #212d40;
  border-color: #212d40;
}
#pricing .fa-circle-check {
  color: red;
}

.fun-facts-box {
  width: 25%;
}
.fun-facts-box i {
  color: #e6e6e9;
}

.fun-facts-wrapper .image-overlay {
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6)), url("/assets/images/section/fun-facts-bg.jpg") no-repeat center center/cover;
}

/** Pricing **/
#video .separator_wrapper i {
  color: #d66853;
}

/**** FOOTER ****/
.footer #footer-bottom {
  border-top: 1px solid #212d40;
}
.footer #footer-links {
  color: #e6e6e9;
}
.footer #footer-links h6 {
  color: #d66853;
  padding-bottom: 10px;
  border-bottom: solid 2px #e6e6e9;
}

#login,
#password-request {
  color: #e6e6e9;
  background: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6)), url(/assets/images/login-bg.jpg) no-repeat;
  background-size: cover;
}
#login a, #login .form-part .button,
#password-request a,
#password-request .form-part .button {
  color: #e6e6e9;
}
#login .button:hover,
#password-request .button:hover {
  color: #7d4e57;
  border-color: #7d4e57 !important;
}
#login section,
#password-request section {
  background: none;
}

#contact h2, #cancel h2 {
  font-family: "Sansita Swashed", cursive !important;
  font-size: 50px;
}
#contact h4, #cancel h4 {
  color: #d66853;
}
#contact #message, #cancel #message {
  padding: 25px;
  text-align: left !important;
}
#contact a, #contact .button, #cancel a, #cancel .button {
  color: #d66853;
}
#contact .button:hover, #cancel .button:hover {
  color: #7d4e57;
  border-color: #7d4e57 !important;
}

.nav-link {
  color: #444;
}
.nav-link:hover {
  color: #284b63;
}

.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  color: #193532;
  background-color: #284b63;
}

#portfolio .portfolio-item img {
  height: 220px;
}

#password-request-box,
#password-reset-box {
  color: #97dffc;
}
#password-request-box .alert,
#password-reset-box .alert {
  margin-top: 200px;
}
#password-request-box .form-widget .form-section,
#password-reset-box .form-widget .form-section {
  margin-top: 200px;
}

#password-request {
  padding-top: 130px;
  padding-bottom: 130px;
}

.grecaptcha-badge {
  bottom: 80px !important;
}

#signup a, #signup .button {
  color: #e6e6e9;
}
#signup a:hover, #signup .button:hover {
  color: #7d4e57;
  border-color: #7d4e57 !important;
}
#signup .asterisk {
  color: red;
  font-weight: bold;
}
#signup #country, #signup #phone_country_code, #signup #plan {
  color: #757575;
  border-color: #757575;
}
#signup #join-form {
  color: #82c0cc;
}

#simple-header a {
  color: #284b63;
}
#simple-header img {
  width: 240px;
}

#simple-header {
  background: #ffffff;
  margin-bottom: 1.2em;
}

#simple-header img {
  width: 200px;
}

.parsley-error {
  border-color: red;
}

ul.parsley-errors-list {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.parsley-errors-list li {
  color: red;
}

.card-title {
  font-size: 25px;
  color: #457d58ff;
  font-weight: 400;
  margin-bottom: 0px;
}

#order-confirmation .alert-success,
#order-confirmation h3 {
  color: #0f5132 !important;
}
#order-confirmation .alert-danger,
#order-confirmation h3 {
  color: #842029 !important;
}
#order-confirmation p {
  font-size: 18px;
  color: #212d40;
}

#games a, #games .button {
  color: #d66853;
}
#games a:hover, #games .button:hover {
  color: #7d4e57;
  border-color: #7d4e57 !important;
}

#member-header {
  margin-bottom: -180px;
}

.welcome-image {
  width: 100%;
}

#welcome-box {
  z-index: 200;
}

.article {
  border: 2px solid #5e3a41;
  border-radius: 5px;
  background-color: #7d4e57;
}

#content-wrapper {
  background-color: #212d40;
}
#content-wrapper h2 {
  text-transform: uppercase;
  text-align: center;
}
#content-wrapper .entry-meta li,
#content-wrapper .entry-meta a:not(:hover) {
  color: #97dffc;
}
#content-wrapper .entry-title h2 a:hover {
  color: #212d40;
}

.header-bg .menu-link {
  color: #11151c;
}

.sticky-header .not-dark .menu-link {
  color: #11151c;
}

#recipe .fa-cutlery,
#recipe .fa-book {
  color: #284b63;
}

.entry-content > img {
  width: 80%;
}

#profile {
  background-size: cover;
}
#profile .update-subscription {
  background-color: #3c6e71 !important;
}
#profile .update-subscription:hover {
  background-color: #457e82 !important;
}
#profile .content-outer {
  max-width: 1200px;
}
#profile .auto-container {
  max-width: inherit;
}
#profile .confirm {
  background-color: #353535 !important;
}
#profile .confirm:hover {
  background-color: #424242 !important;
}
#profile .text-green {
  color: #0f5132;
}

.no-bg-color {
  background-color: #ffffff !important;
}

/***
Pricing table
***/
.pricing {
  position: relative;
  margin-bottom: 15px;
  border: 3px solid #eee;
}

.pricing-active {
  border: 3px solid #36d7ac;
  margin-top: -10px;
  box-shadow: 7px 7px rgba(54, 215, 172, 0.2);
}

.pricing:hover {
  border: 3px solid #36d7ac;
}

.pricing:hover h4 {
  color: #36d7ac;
}

.pricing-head {
  text-align: center;
}

.pricing-head h3,
.pricing-head h4 {
  margin: 0;
  line-height: normal;
}

.pricing-head h3 span,
.pricing-head h4 span {
  display: block;
  margin-top: 5px;
  font-size: 14px;
  font-style: italic;
}

.pricing-head h3 {
  font-weight: 300;
  color: #fafafa;
  padding: 12px 0;
  font-size: 27px;
  background: #36d7ac;
  border-bottom: solid 1px #41b91c;
}

.pricing-head h4 {
  color: #bac39f;
  padding: 5px 0;
  font-size: 54px;
  font-weight: 300;
  background: #fbfef2;
  border-bottom: solid 1px #f5f9e7;
}

.pricing-head-active h4 {
  color: #36d7ac;
}

.pricing-head h4 i {
  top: -8px;
  font-size: 28px;
  font-style: normal;
  position: relative;
}

.pricing-head h4 span {
  top: -10px;
  font-size: 14px;
  font-style: normal;
  position: relative;
}

/*Pricing Content*/
.pricing-content li {
  color: #888;
  font-size: 12px;
  padding: 7px 15px;
  border-bottom: solid 1px #f5f9e7;
}

/*Pricing Footer*/
.pricing-footer {
  color: #777;
  font-size: 11px;
  line-height: 17px;
  text-align: center;
  padding: 0 20px 19px;
}

/*Priceing Active*/
.price-active,
.pricing:hover {
  z-index: 9;
}

.price-active h4 {
  color: #36d7ac;
}

.no-space-pricing .pricing:hover {
  transition: box-shadow 0.2s ease-in-out;
}

.no-space-pricing .price-active .pricing-head h4,
.no-space-pricing .pricing:hover .pricing-head h4 {
  color: #36d7ac;
  padding: 15px 0;
  font-size: 80px;
  transition: color 0.5s ease-in-out;
}

.yellow-crusta.btn {
  color: #ffffff;
  background-color: #f3c200;
}

.yellow-crusta.btn:hover,
.yellow-crusta.btn:focus,
.yellow-crusta.btn:active,
.yellow-crusta.btn.active {
  color: #ffffff;
  background-color: #cfa500;
}

.pink-btn {
  color: #fff;
  border: 2px solid #ca7379;
  display: block;
  font-size: 11px;
  padding: 10px 25px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background-color: #ca7379;
  border-radius: 20px;
  transition-property: color;
  transition-duration: 0.3s;
}

.pink-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ffffff;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.pink-btn:hover,
.pink-btn:focus,
.pink-btn:active {
  color: #ca7379;
}

.pink-btn:hover:before,
.pink-btn:focus:before,
.pink-btn:active:before {
  transform: scale(1);
}

.white-btn {
  color: #25262c;
  border: 2px solid #ddd;
  display: block;
  font-size: 11px;
  padding: 10px 25px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background-color: #ffffff;
  border-radius: 20px;
  transition-property: color;
  transition-duration: 0.3s;
}

.white-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #25262c;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.white-btn:hover,
.white-btn:focus,
.white-btn:active {
  color: #ffffff;
}

.white-btn:hover:before,
.white-btn:focus:before,
.white-btn:active:before {
  transform: scale(1);
}

.white-btn-2 {
  color: #25262c;
  display: block;
  padding: 13px 30px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background-color: #ffffff;
  border-radius: 20px;
  transition-property: color;
  transition-duration: 0.3s;
}

.white-btn-2:before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #25262c;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.white-btn-2:hover,
.white-btn-2:focus,
.white-btn-2:active {
  color: #ffffff;
}

.white-btn-2:hover:before,
.white-btn-2:focus:before,
.white-btn-2:active:before {
  transform: scale(1);
}

.white-border-btn {
  color: #fff;
  border: 2px solid #fff;
  display: block;
  padding: 11px 30px;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  position: relative;
  background-color: transparent;
  border-radius: 20px;
  transition-property: color;
  transition-duration: 0.3s;
}

.white-border-btn:before {
  content: "";
  position: absolute;
  z-index: -1;
  border-radius: 20px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: #ca7379;
  transform: scale(0);
  transition-property: transform;
  transition-duration: 0.3s;
  transition-timing-function: ease-out;
}

.white-border-btn:hover,
.white-border-btn:focus,
.white-border-btn:active {
  color: #ffffff;
}

.white-border-btn:hover:before,
.white-border-btn:focus:before,
.white-border-btn:active:before {
  transform: scale(1);
}

.small-btn {
  padding: 10px 25px !important;
  font-size: 10px;
}

.medium-btn {
  padding: 11px 25px !important;
  font-size: 11px;
}

.large-btn {
  padding: 12px 30px !important;
  font-size: 12px;
}

.long-btn {
  width: 260px;
}

#on-demand-yoga #on-demand-content {
  margin-top: 110px;
  margin-bottom: 100px;
  padding-left: 100px;
  padding-right: 100px;
}

/*Payment Info*/
#payment-info .card, #payment-info h4 {
  color: #858585;
}

/*Mobile*/
@media only screen and (max-width: 480px) {
#home_wrapper .home-subtitle {
  padding: 0 20px;
}

#home_wrapper .home-title {
  font-size: 30px;
}

#features .section-subtitle {
  padding: 0 20px;
}

#on-demand-yoga h2 {
  margin: auto 20px;
}

#on-demand-yoga #on-demand-content {
  margin-top: 55px;
  margin-bottom: 50px;
  padding-left: 20px;
  padding-right: 20px;
}

#on-demand-yoga #on-demand-content h2 {
  font-size: 30px;
}
}