/*background image */
            .bgimage {
                background-image: linear-gradient( rgba(0, 0, 0, .5), rgba(0, 0, 0, .5)), url('images/Pics1.jpg');
				background-repeat: no-repeat;
				background-size: cover;
				background-position: center;
				min-height: 100vh;
				transition: 0.5s all ease;

            }
            /* text css above hero image*/
            .hero_title {
                font-size: 2.5rem;
            }
            .hero_desc {
                font-size: 2rem;
            }
            .hero-text {
                text-align: center;
                position: absolute;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: white;
            }
            /* about section image css */
            .imageAboutPage {
                width: 100%;
            }
            /* services section css */
            .servicesText.card {
                height: 280px;
                cursor: pointer;
            }
            .servicesIcon {
                font-size: 36px;
                text-align: center;
                width: 100%;
            }
            .card-title {
                text-align: center;
            }
            .card:hover .servicesIcon {
                color: red;
            }
            .servicesText:hover {
                border: 1px solid darkblue;
            }
            /* display background color black on navbar scroll */
            .navbarScroll.navbarDark {
                background-color: black;
            }
            /* social media icons styling */
            .social-icons {
                font-size: 36px;
                cursor: pointer;
            }
            .fa-facebook:hover,.fa-instagram:hover,.fa-twitter:hover,.fa-linkedin:hover, .fa-twitch:hover {
                color: #008000;
            }
            .fab {
                color: #000000;
            }
            /* footer styling */
            #footer {
                background-color: #808080;
                text-align: center;
            }
            /* spacing on all sections */
            #about, #services, #portfolio, #contact {
                margin-top: 4rem;
                padding-top: 4rem;
            }
            #contact {
                padding-bottom: 4rem;
            }