body {
    background: #1d1d1d;
    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: .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: .5
}