.bg-effect {
    width: 100%;
    height: 100%;
    margin: 0;
    position: absolute;
}

.werge-logo-image {
    height: 20vh;
    width: auto;
}

.page-content-wrapper {
    padding: 3vh;
    text-align: center;
    pointer-events: auto;
    /*
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;   
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000;  */
}

.profile-name {
    font-size: 3vmax;
}

.social-handles,
.social-handle-icon {
    display: inline-block;
}

.services-row {
    margin-bottom: 5vh;
}

/*
.services-row .col-md {
       
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    transform-style: preserve-3d;   
    -webkit-perspective: 1000;
    -moz-perspective: 1000;
    -ms-perspective: 1000;
    -o-perspective: 1000;
    perspective: 1000; 
}*/

.services-img {
    width: 15vw;
    height: 30vh;
}

.services-text {
    font-size: 1.5vmax;
    font-weight: 600;
}

.services-row .col-md:hover {
    color: #535d6b;
    opacity: 0.8;
}

.fa-envelope:hover,
.mail-werge:hover {
    color: #d65a31;
}

.contact-desc {
    font-size: 1.7vmax;
}

.contact-desc a {
    color: var(--color-text);
}

.contact-form {
    max-width: 500px;
    text-align: center;
    margin: auto;
}

@media screen and (max-width: 55em) {
    .profile-name {
        font-size: 5.5vmax;
    }

    .page-content-wrapper {
        padding-top: 8vh;
    }

    .services-img {
        width: 70vw;
        height: auto;
    }

    .services-text {
        font-size: 4vmax;
    }

    .services-row .col-md {
        padding-bottom: 15vh;
    }

    .contact-desc {
        font-size: 4vmax;
    }
}

@-webkit-keyframes slide-in-fwd-center {
    0% {
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@keyframes slide-in-fwd-center {
    0% {
        -webkit-transform: translateY(40px);
        -moz-transform: translateY(40px);
        -ms-transform: translateY(40px);
        -o-transform: translateY(40px);
        transform: translateY(40px);
        opacity: 0;
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.slide-in-fwd-center {
    -webkit-animation: slide-in-fwd-center 0.8s ease-in-out 0.8s both;
    animation: slide-in-fwd-center 0.8s ease-in-out 0.8s both;
}

.bg-effect {
    z-index: 30;
}

.one-liner,
.demo-title {
    z-index: 35;
}

.profile-pic {
    filter: grayscale(1);
}

.profile-pic:hover {
    filter: grayscale(0);
}

.captcha-holder {
    display: inline-block;
    margin: auto;
    left: 0;
    text-align: center;
    align-content: center;
}

.status-error {
    color: #d65a31;
    font-weight: bold;
}

.status-success {
    color: #2d2c2b;
    font-weight: bold;
}

.profile-desc-text {
    text-align: center !important;
}