/*
font-family: 'Open Sans', sans-serif;
font-family: 'Source Sans Pro', sans-serif;
*/
@keyframes hoverOpacity {
  0% {
    opacity: 0.8; }
  25% {
    opacity: 1; }
  75% {
    opacity: 0.7; }
  100% {
    opacity: 1; } }
@keyframes hoverZoom {
  0% {
    transform: scale(1.1); }
  25% {
    transform: scale(1); }
  75% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
@keyframes btnZoomAnimation {
  0% {
    transform: scale(1); }
  50% {
    transform: scale(1.1); }
  100% {
    transform: scale(1); } }
body {
  font-family: 'Source Sans Pro', sans-serif;
  font-size: 17px;
  font-weight: 400; }

header {
  position: relative; }
  header .logo {
    position: absolute;
    top: 50px;
    width: 100%; }
  header .infohead {
    position: absolute;
    bottom: 20%;
    width: 100%; }
  header .fontuudai {
    font-size: 25px;
    color: #fff;
    margin-right: 50px; }
  header .btnzoom {
    animation-name: btnZoomAnimation;
    animation-duration: 1s;
    animation-iteration-count: infinite; }

h1, h2, h3, h4 {
  font-weight: 600; }

section, footer {
  padding: 50px 0; }

.btn {
  border-radius: 30px; }

.btn-yoga {
  color: #fff;
  background-color: #f46200;
  border-color: #d93e00; }
  .btn-yoga:hover {
    color: #fff;
    background-color: #de3f00; }

.text-main {
  color: #f46200; }

img {
  border-radius: 3px; }

.imgEffect:hover {
  animation-name: hoverOpacity;
  animation-duration: 1s; }

ion-icon {
  vertical-align: middle; }

.btnfont {
  font-size: 25px;
  font-weight: 600; }
  .btnfont ion-icon {
    color: #fff !important; }

@media (max-width: 575.98px) {
  .sticky {
    position: fixed;
    bottom: 10px;
    z-index: 1200;
    display: block !important;
    text-align: center;
    width: 100%; }

  header {
    position: relative; }
    header .logo {
      position: absolute;
      top: 10px;
      width: 100%;
      text-align: center; }
    header .infohead {
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center; }
    header .fontuudai {
      font-size: 20px;
      color: #fff;
      margin: 0; }
    header .btnzoom {
      animation-name: btnZoomAnimation;
      animation-duration: 1s;
      animation-iteration-count: infinite;
      font-size: 14px; }

  .btnfont {
    font-size: 18px; } }
@media (min-width: 576px) and (max-width: 767.98px) {
  header {
    position: relative; }
    header .logo {
      position: absolute;
      top: 10px;
      width: 100%;
      text-align: center; }
    header .infohead {
      position: absolute;
      bottom: 0;
      width: 100%;
      text-align: center; }
    header .fontuudai {
      font-size: 20px;
      color: #fff;
      margin: 0; }
    header .btnzoom {
      animation-name: btnZoomAnimation;
      animation-duration: 1s;
      animation-iteration-count: infinite;
      font-size: 14px; }

  .btnfont {
    font-size: 18px; } }

/*# sourceMappingURL=style.css.map */