body{
		background: #231f20;
		font-family: 'Roboto', sans-serif;
		color: #fff;
		font-weight: 500;
	}
	.gp-logo {
	    position: relative;
	    padding: 60px 10% 0;
	}
	#particles-js{position:absolute;z-index:1;left:0;top:0;overflow:hidden;width:100%;height:100%}
	#ambient-bg canvas {
	    position: absolute;
	    bottom: 0;
	    right: 0;
	}
	#intro-content>div {
	    z-index: 1;
	}
	#intro-content {
	    height: 100%;
	    padding: 0;
	}
	
	.vflow {
	    font-size: 16px;
	    line-height: 30px;
	    font-weight: 400;
	}
	.gp-logo img {
	    height: 60px;
	}
	.gp-desc {
	    position: relative;
	    margin: 0 10%;
		font-weight: 400;
		margin-top: 40px;
	}
	.gp-footer {
	    position: relative;
	    padding: 0 10%;
		margin-top: 40px;
	}
	@media (min-width: 1200px) {
	.gp-logo img {
	    height: 75px;
	}
	.gp-desc {
	    position: absolute;
	    top: 50%;
	    left: 0;
	    -ms-transform: translateY(-50%);
	    -webkit-transform: translateY(-50%);
	    -moz-transform: translateY(-50%);
	    -o-transform: translateY(-50%);
	    transform: translateY(-50%);
		margin-top: 0;
	}
	.gp-footer {
	    position: absolute;
	    bottom: 5%;
	    left: 10%;
	    padding: 0;
	    margin-bottom: -22px;
		margin-top: 0;
	}
	}

	.h2, h2 {
	    font-size: 32px !important;
	}
	.gp-desc p i{
		margin-right: 10px;
	}
	.gp-desc p a{
		color: #fff;
		text-decoration: none;
		transition: all 1s;
	}
	.gp-desc p a:hover{
		opacity: 0.5;
	}
	.social-icons {
	    padding: 0;
	    margin: 0!important;
	    list-style: none;
	}
	.social-icons li {
    display: inline-block;
    margin-right: 4px;
	}
	.social-icons .fa {
	    background: none transparent;
	    color: #FFF;
	}
	.social-icons li a {
	    display: inline-block;
	    width: 32px;
	    height: 60px;
	    padding: 0;
	    font-size: 24px;
	    line-height: 60px;
	    text-align: left;
		transition: all 1s;
	}
	.social-icons li a:hover {
	    opacity: 0.5;
	}