body {
  /*background-color: #000;*/
}


.jumbotron {
  padding-top: 120px;
  padding-bottom: 40px;
  height: 100vh;
  margin-bottom: 0px;
  /*background-color: #000;*/
  border-radius: 0px;
  background: url("../images/main-bg.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  position: relative;
   /*background: #333;*/
  /*background-attachment: fixed;*/
}




@media (min-width: 1024px) {
  .jumbotron {
    /*width: 100%;*/
  height: 100vh;
  /*background: url("../images/bg.jpg");*/
  /*position: inherit;*/
  background-size: cover;
  background-repeat: no-repeat;
  /*background-position: center; */
   background-repeat: no-repeat;
   /*background: #333;*/
  }
}

@media (max-width: 768px) {
  
  
  .jumbotron {
      width: 100%;
      height: 100vh;
      background: url("../images/custom-bg.jpg");
      background-size: cover;
      padding: 240px;
      background-repeat: no-repeat;
      background-position: center; 
  }

 /* .jumbotron {
      background: url(../images/custom-bg-2.jpg) repeat center center ; 
     /* background: #7F25B8;
      height: 100vh;
      
  }*/


  #hero .container {
    padding-top: 260px;
  }
  /*#hero h1 {
    font-size: 32px;
    line-height: 36px;
  }*/
}




.jumbotron-admin { 
  padding-top: 8%;
  padding-bottom: 0px;
  height: 100vh;
  margin-bottom: 0rem;
  background-color: #F0F0F0;
}




/* text Animation */

.header-content h1 {
  overflow: hidden;
  /*font-size: 14px;*/
  border-right: 1px solid rgba(255,255,255,.7);
  white-space:  nowrap;
  animation: typing 10s steps(39) forwards;
  blink-caret: .9s step-end infinite;
  animation-iteration-count: infinite;

}

@keyframes blink-caret {

  from,to{border-color: transparent;}
  50% {border-color: white;}
}

@keyframes typing {

  0%{width: 0%;}
  30%{width: 100%;}
  80%{width: 100%;}
  90%{ width: 0%;}
  100%{ width: 0%;}
}



.btn-primary-3 {
  background-color: #D64556;
  color: #FFF;
  padding: 10px 10px;
  border-radius: 5px;
  border: #D64556;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 400;
  /*float: left;*/
}


.btn-primary-3:hover {
  background-color: #CA2D41;
  color: #FFF; 
  border: #CA2D41; 
}

.jumbotron hr {

  margin-top: 20px;
  margin-bottom: 20px;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.3);
}




.btn-primary {
  background-color: transparent;
  color: #fff;
  padding: 15px 50px;
  border-radius: 60px;
  border: 2px solid #FECB18;
  text-transform: none;
  font-size: 13px;
  font-weight: 300;
  font-family: 'Economica', sans-serif;
  float: left;
}


.btn-primary:hover {
  background-color: transparent;
  color: #fff; 
  border: 2px solid #FECB18; 
}




.jumbotron-contact {
  padding-top: 120px;
  padding-bottom: 60px;
  margin-bottom: 0rem;
  background-color: #242B46;
  background: url("../images/bg.jpg");
  border-radius: 0rem;
  background-size: cover;
  background-repeat: no-repeat;
}


.jumbotron-contact  hr {
  /*margin-top: 3rem;*/
  margin-bottom: 1rem;
  border: 0;
  border-top: 1px solid rgba(255, 255, 255, 0.1);
}


.jumbotron-contact h1 {
  font-family: 'barlow', sans-serif;
  font-size: 50px;
  color: #FFF;
  /*line-height: 20px;*/
}


.jumbotron-contact p {
  font-family: 'Montserrat', sans-serif;
  font-size: 20px;
  color: #FACC1D;
}

.jumbotron-contact h2 {
  font-family: 'helvetica', sans-serif;
  font-size: 10px;
  color: #FFF;
}