body{
  	
  	background-size: 100%;
    background-repeat: no-repeat;
    background-attachment: fixed;
  	}
    .navbar{
  position: fixed;
  transition: 1s;
}
  .navbar-brand{
  		color: #fff;
  		font-size: 45px;
  		font-family: Germania;
  		cursor: pointer;
  	}
  	.icon-bar{
  background-color: #000;

}
  	.nav{
  		font-family: Lithos Pro;
  		color: #fff;
  		padding: 10px 20px;
  	}

  	.nav li{
  		padding: 10px;
  		cursor: pointer;
  		font-size: 16px;
  	}
    .nav li:after{
      content: '';
      display: block;
        border-bottom: 2px solid #38fd07;
        transform: scaleX(0);
        transition: .2s ease-in-out;
    }
  	.nav li:hover:after{
  	   transform: scaleX(1);
  	}
    .para{
      min-height: 500px;
    }
    .para h3{
      text-align: center;
      margin-top: 15%;
      color: #fff;
      font-family: nyala;
      font-size: 44px;
    }
    body::-webkit-scrollbar-track
{
  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
  
}

@media(max-width: 720px){
  body{
    background-size: 100% 100%;
  }
  .navbar-collapse{
  background:  #4e2af1;
}
  .para{
    min-height: 800px;
  }
}