.parallax {
        /* Full height */
        height: 100%;
        width: auto;

        /* Create the parallax scrolling effect */
        background-attachment: fixed;
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        margin-top: -103;
        position: relative;
    }


		img.zoom
		{
			transition: all 0.3s;
		}

		img.zoom:hover 
		{
			transform: scale(1.2);
			transition: all 0.3s;
			box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
		}

	
		a.active 
		{
			background-color: transparent !important;
			transform: scale(1.2);
			transition: all 0.3s;
		}

		.relative 
		{
			position: relative !important;
		}

		nav i 
		{
			font-size: 16px;
			color: #0961bf;

			background-color: transparent !important;
			transition: all 0.8s;
		}

		nav i.active 
		{
			background-color: transparent !important;
			transform: scale(1.2);
			transition: all 0.8s;
		}

		.nav-link.active 
		{
			background-color: transparent !important;
			transform: scale(1.2);
			transition: all 0.8s;
			color: #FFFFFF !important;
		}

		div.no-pointer 
		{
			
			visibility: visible;
		}

    /* Desktop Config */
		@media (min-width: 1200px) {
			.particles 
			{
				background-color: #000000;
				background-size: cover;
				background-repeat: no-repeat;
				width: 100%;
				height: 189vh;
				position: fixed;
       			transform: translate(0%, -89%);
        		z-index: 0 !important;
			}

      li 
      {
        max-width: 240px;
      }
		}

    /* Tablet and Mobile Config */
		@media (max-width: 1201px) {
			.particles 
			{
				background-color: #000000;
				background-size: cover;
				background-repeat: no-repeat;
				width: 100%;
				height: 189vh;
				position: fixed;
        		transform: translate(0%, -69%);
        		z-index: 0 !important;
			}
		}

		a.anchor {
				display: block;
				position: relative;
				top: -77px;
				visibility: hidden;
		}