.jumbotron.jumbotron-main {
  height: 100%;
  width: 100%;
  font-family: 'Roboto', sans-serif;
  color: #fff;
  padding-top: 0;
  padding-bottom: 0;
  position: relative;
  margin: 0;
}

#particles-js {
  position: absolute;
  width: 100%;
  height: 450px;
  background-image: url("../../assets/img/IMG_20180605_182142.jpg");
  background-repeat: no-repeat;
  background-size: cover;
  /*background-position: 50% 50%;*/
  /*background: #6819e8;*/
  opacity: 0.8;
}

.center-vertically {
  display: table-cell;
  vertical-align: middle;
  height: 100%;
}

.center-vertically-holder {
  display: table;
  height: 100%;
}

#hero-title {
  font-size: 63px;
  font-weight: bold;
  text-shadow: 1px 3px 5px #111;
}

#hero-subtitle {
  max-width: 600px;
  margin: 0 auto;
  font-size: 17px;
  font-family: Poppins, sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #007bff;
}

#hero-btn {
  margin-top: 73px;
  padding-top: 8px;
  padding-bottom: 8px;
  padding-right: 20px;
  padding-left: 20px;
  font-size: 16px;
  background-color: #4885ed;
}

.btn-primary:not(:disabled):not(.disabled).active:focus, .btn-primary:not(:disabled):not(.disabled):active:focus, .show > .btn-primary.dropdown-toggle:focus {
  box-shadow: 0 0 0 .2rem #4885ed;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #ff5c00;
  border-color: #ff8a00;
}

.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show > .btn-primary.dropdown-toggle {
  color: #fff;
  background-color: #ff5c00;
  border-color: #ff5c00;
}