body {
  background: #412A58;
  color: #fff;
  display: block;
}

.navbar {
  background: #4B3065;
  border-bottom: #E36480 3px solid;
  color: #fff;
  opacity: 0.9;
}

.footer-icon {
  max-width: 32px;
}

#text-logo {
  font-size: 23px;
  font-weight: 300;
}

#home-section {
  background: url("img/background.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  background-attachment: fixed;
  min-height: 700px;
}

#home-section .dark-overlay {
  /* position: absolute; */
  top: 0;
  left: 0;
  width: 100%;
  min-height: 700px;
  background-color: rgba(0, 0, 0, 0.7);
}

#home-section .home-inner{
  padding-top: 100px;
}

#home-section  .card {
  opacity: 0.8;
}

#home-section .fas {
  color: #E36480;
  background: #fff;
  padding: 4px;
  border-radius: 5px;
  /* font-size: 25px;  */
}

.thin-title {
  font-weight: 300;
}

.birthday {
  font-size: 24px;
  font-weight: 200;
}

#signs-section .card .card-body {
  height: 150px; }

/* #signs-section .sredina {
  padding-top: 30px;
  padding-bottom: 30px; } */

.box1 {
  background-color: #4B3065; 
  color: #fff;
}

.box2 {
  background: #533a6c;
  color: #fff;
}

.box3 {
  background: #644080;
  color: #fff; }

.box4 {
  background: #78498d;
  color: #fff; }

.box5 {
  background: #864683;
  color: #fff; }

.box6 {
  background: #923971;
  color: #fff; }

.box7 {
  background: #9b3e77;
  color: #fff; }

.box8 {
  background: #af4988;
  color: #fff; }

.box9 {
  background: #a74b72;
  color: #fff; }

.box10 {
  background: #cb496b;
  color: #fff; }

.box11 {
  background: #d05776;
  color: #fff; }

.box12 {
  background: #e36480;
  color: #fff; }

  @media (max-width: 576px) {
    nav .container {
      width: 100%; }
  }

  @media (max-width: 330px) {
    #text-logo {
      font-size: 18px;
      font-weight: 200;
    }
    .lg-title {
      font-size: 33px !important;
    }
  }

  @media (max-width: 830px) {
    .form-inline {
      flex-direction: column;
      align-items: stretch;
    }
  }

  .smart-scroll{
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    z-index: 1030;
  }
  .scrolled-down{
     transform:translateY(-100%); transition: all 0.3s ease-in-out;
  }
  .scrolled-up{
     transform:translateY(0); transition: all 0.3s ease-in-out;
  }