body {
  background-image: url("../media/bg-sn.jpg");
  background-size: cover;
  background-position: bottom;
  background-attachment: fixed;
}

.ff-primary {
    font-family: 'Ubuntu', sans-serif;
}

.text-primary {
    color: #202124!important;
}

.btn-customize {
    //background-color: #ff8300;
    //border-color: #ff6a00;
    border-width: 2px;
    color: rgba(255,129,0, 1);
}

.btn-customize:hover {
    //background-color: #ff6a00;
    //border-color: #ff6a00;
    color: rgba(255,129,0, 1);
}

.btn-ani {
    //background: rgba(255, 131, 0, 1);
    box-shadow: 0 0 0 0 rgba(193, 31, 29, 1);
    animation: btn-ani 2s infinite;
  }
  
  @keyframes btn-ani {
    0% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.7);
    }
    
    70% {
      transform: scale(1);
      box-shadow: 0 0 0 30px rgba(255, 255, 255, 0);
    }
    
    100% {
      transform: scale(0.95);
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0);
    }
  }

.ani-hover {
  transform: scale(1);
  transition: all .2s ease-out;
}

.ani-hover:hover {
  transform: scale(1.1);
  transition: transform .2s ease-out;
}