h2, .h2{
	font-weight: 500 !important;
}

.display-5 {
  font-size: 1.3rem;
  font-weight: 700;
  line-height: 1.2;
}

.display-6 {
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.2;
}

.display-titulo{
  font-weight: 800;
  line-height: 1.2;
}

.display-slogan{
	font-weight: 900 !important;
	line-height: 1.2;
	color: rgb(255,255,255);
}

.text-companygreen{
  color: rgb(255,255,255);
}

.transparente{
	box-shadow: none;
}

.panasc {
	height: 100vh;
	background: url(Imagenes/panasc.png);
	background-repeat: no-repeat;
	background-size: cover;
}

.gris {
	background: rgba(0,0,0,0.299);
}

.top-nav-collapse{
	background: rgba(0,0,0,0.850) !important;
}

.bg-dropdown{
	background: rgba(0,0,0,0.750) !important;
}

.bg-nav{
  background-color: rgba(255,255,255,0.2) !important;
}

.bg-menu{
  background-color: #44424299 !important;
}

.bg-texto{
  background-color: rgba(255,255,255,0.3) !important;
}





<style>
      .fa-play:before {
        margin-left: .3rem;
      }

      /* Steps */
      .step {
        list-style: none;
        margin: 0;
      }

      .step-element {
        display: flex;
        padding: 1rem 0;
      }

      .step-number {
        position: relative;
        width: 7rem;
        flex-shrink: 0;
        text-align: center;
      }

      .step-number .number {
        color: rgb(255, 255, 255);
        background-color: rgb(0, 185, 92);
        font-size: 1.5rem;
      }

      .step-number .number {
        width: 48px;
        height: 48px;
        line-height: 48px;
      }

      .number {
        display: inline-flex;
        justify-content: center;
        align-items: center;
        width: 38px;
        border-radius: 10rem;
      }

      .step-number::before {
        content: '';
        position: absolute;
        left: 50%;
        top: 48px;
        bottom: -2rem;
        margin-left: -1px;
        border-left: 2px dashed rgb(0, 185, 92);
      }

      .step .step-element:last-child .step-number::before {
        bottom: 1rem;
      }
    </style>