body {
  background: #ffffff;
  font-style: normal;
  font-weight: 300;
  font-size: 16px;
  line-height: 1.6;
font-family: "Montserrat", Sans-serif;
  letter-spacing: 0px;
  text-align: left;
  color: #3D2C50
;
}


.btn-primary{
    font-size: 22px;
    font-weight: 700;
    fill: #FFFFFF;
    color: #FFFFFF;
    background-color: #32B0E6;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
    padding: 15px 40px 015px 40px;
}
.btn-primary:hover{
    background-color: #32B0E6;
}
.btn-danger{
    background-color: #D479AB !important;
}
.btn-default{
      background-color: #FFF !important;
    color: #D479AB !important;
    font-weight: bold;
    padding-left: 30px;
    padding-right: 30px;
}

.btn-warning{
      font-family: "Montserrat", Sans-serif;
    font-size: 22px;
    font-weight: 700;
    fill: #5E416C;
    color: #5E416C;
    background-color: #FCDF6D;
    border-radius: 20px 20px 20px 20px;
    box-shadow: 0px 5px 10px -5px rgba(0, 0, 0, 0.5);
    padding: 15px 40px 015px 40px;

}

.text-primary{
  color: #32B0E6 !important;
}
.text-danger{
  color: #D479AB !important;
}
.text-warning{
  color: #F4DF6E !important;
}
.text-purple{
  color: #3D2C50 !important;
}
.bg-primary{
  background-color: #32B0E6 !important;
}
.bg-danger{
  background-color: #D479AB !important;
}
.bg-warning{
  background-color: #F4DF6E !important;
}
.bg-morado{
  background-color: #926FAB !important;
}
.bg-morado-dark{
  background-color: #4A3161 !important;
}
.bg-orange{
  background-color: #E2A796 !important;
}
.bg-gray{
  background-color: #E7E7E7 !important;
}
.text-right{
  text-align: right !important;
}

h1{
  font-size: 60px;
  font-weight: bold;
}

h2{
  color: #FFFFFF;
    font-size: 57px;
    font-weight: 900;
}
h3{
  font-size: 53px;
  font-weight: bold;
}
h4{
  font-size: 45px;
  font-weight: bold;
}
h5{
  font-size: 35px;
  font-weight: bold;
}
h6{
  font-size: 25px;
}
b, strong {
    font-weight: bold !important;
}

.blog-content, 
.blog-content a,
.blog-content p, 
.blog-content li,
.blog-content h2,
.blog-content h3,
.blog-content h4{
    color: #33224A !important

}

p{
    color: #FFFFFF;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.2em;
}

footer, footer a, footer p{
  color: #33224A !important
}
footer i.fab{
  background-color:#33224a; color:#deaeb3; font-size:18px; 
              border-radius:50%; padding:10px; width:38px; height:38px; 
              text-align:center; line-height:18px;
}



#back_to_top {
  position: fixed;
  bottom: 100px;
  right: 20px;
  z-index: 1000;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 40px;
  height: 40px;
  background-color: rgba(255, 255, 255, 0.6);
  color: #000;
  border-radius: 50%;
  text-decoration: none;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
  transition: background-color 0.3s ease;
}

#back_to_top:hover {
  background-color: rgba(255, 255, 255, 0.9);
  color: #000;
}


 .wsp {
    background: #33224A;
  }

  .wsp:hover {
    background: #83467A;
  }

  @media (max-width: 767.98px) {
    h1 {
      font-size: 35px !important;
    }
    h2{
      font-size: 30px !important;
    }
    h3{
      font-size: 26px !important;
    }
    h4{
      font-size: 24px !important;
    }
    h5{
      font-size: 22px !important;
    }
    h6{
      font-size: 20px !important;
    }

  }