.index-bg {
    height: 100vh
}

.home-section .signup-button::after, .home-section .signup-button::before {
    background:#f4ca22
}

.home-section .signup-button {
    -webkit-transition-delay: .05s !important;
    transition-delay: .05s !important
}

.home-section .signup-button:hover {
    color: #000 !important;
    -webkit-transition-delay: .1s !important;
    transition-delay: .1s !important
}

.home-section .signup-button:hover::after, .home-section .signup-button:hover::before {
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    color: #333
}

.home-section .signup-button:hover::after {
    -webkit-transition-delay: .175s;
    transition-delay: .175s
}

.l-header {
    font-family: Raleway, sans-serif;
    font-weight: 500;
    color: #000;
    text-transform: uppercase;
    text-align: center;
    margin: 1.7em;
    font-size: 2.3rem;
}

.demo h4, .demo h5 {
    color: #333;
    text-align: center;
    letter-spacing: 1px;
    text-transform: uppercase
}

.demo h5 {
    font-weight: 500;
    margin-top: .6em
}

.demo h4 {
    font-weight: 400;
    margin-top: .3em
}

.demo {
    margin-bottom: 4em
}

.demo-link img {
    -webkit-transform: scale(.8);
    -ms-transform: scale(.8);
    transform: scale(.8);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.demo-link img, .demo-link:hover img {
    -webkit-transition: -webkit-transform .3s ease
}

.demo-link:hover img {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
    transition: -webkit-transform .3s ease;
    transition: transform .3s ease;
    transition: transform .3s ease, -webkit-transform .3s ease
}

.demo .col-md-4 {
    margin-bottom: 2em
}

.services-container {
    padding-top: 4em
}

.services-wrap .services {
    min-height: 500px;
    height: auto;
    margin-bottom: 1em;
    text-align: left
}