/* Add here all your css styles (customizations) */

.slidekeyworks {
    text-align: center;
}

    .slidekeyworks h2 {
        font-family: 'Arial Narrow','Franklin Gothic Medium', Arial, sans-serif;
        color: white;
        text-transform: uppercase;
        font-size: 40px;
        font-weight: 600;
        padding: 10px 0 10px 0;
        margin: 27px 0 27px 0;
    }

    .slidekeyworks h3 {
        font-family: 'Arial Narrow','Franklin Gothic Medium', Arial, sans-serif;
        color: white;
        /*text-transform: uppercase;*/
        font-size: 20px;
        font-weight: 400;
        padding: 10px 0 10px 0;
        margin: 17px 0 17px 0;
    }



/* Small devices  */
@media (min-width:768px) {
    .slidekeyworks h2 {
        font-size: 68px;
        font-weight: 700;
        padding: 10px 0 10px 0;
        margin: 37px 0 37px 0;
    }

    .slidekeyworks h3 {
        font-size: 42px;
        font-weight: 400;
        padding: 10px 0 10px 0;
        margin: 37px 0 37px 0;
    }
}
/* Medium devices  */
@media (min-width: 992px) {
    .slidekeyworks h2 {
        font-size: 76px;
        font-weight: 700;
        padding: 10px 0 10px 0;
        margin: 37px 0 37px 0;
    }

    .slidekeyworks h3 {
        font-size: 42px;
        font-weight: 400;
        padding: 10px 0 10px 0;
        margin: 37px 0 37px 0;
    }

    /*.slidekeyworks h3:after {
            bottom: 100px;
            left: 50%;
            height: 1px;
            width: 70px;
            content: " ";
            margin-left: -35px;
            position: absolute;
            background: #18ba9b;
        }*/
}

/* Large devices */
@media (min-width: 1200px) {
    .slidekeyworks h2 {
        font-size: 84px;
        font-weight: 800;
        padding: 10px 0 10px 0;
        margin: 37px 0 37px 0;
    }

    .slidekeyworks h3 {
        font-size: 42px;
        font-weight: 400;
        padding: 10px 0 10px 0;
        margin: 37px 0 37px 0;
    }

    /*.slidekeyworks h3:after {
            bottom: 100px;
            left: 50%;
            height: 1px;
            width: 70px;
            content: " ";
            margin-left: -35px;
            position: absolute;
            background: #18ba9b;
        }*/
}


















/*social-engage (Temporary)*/
.social-engage {
    margin-bottom: 0;
}

    .social-engage li {
        padding-bottom: 24px;
    }

        .social-engage li a {
            font-size: 50px;
            padding: 10px;
            margin: 10px;
            text-align: center;
            border-radius: 50% !important;
        }

        .social-engage li i {
            min-width: 60px;
        }

        .social-engage li a.fb {
            color: #4862a3;
            border: 1px solid #4862a3;
        }

        .social-engage li a.tw {
            color: #159ceb;
            border: 1px solid #159ceb;
        }

        .social-engage li a.gp {
            color: #dc4a38;
            border: 1px solid #dc4a38;
        }

        .social-engage li a.pt {
            color: #FF0000;
            border: 1px solid #FF0000;
        }

        .social-engage li a.in {
            color: #1686b0;
            border: 1px solid #1686b0;
        }

        .social-engage li a.ig {
            color: #CC00FF;
            border: 1px solid #CC00FF;
        }


        .social-engage li a:hover {
            text-decoration: none;
        }

        .social-engage li a.fb:hover {
            color: #fff;
            background: #4862a3;
        }

        .social-engage li a.tw:hover {
            color: #fff;
            background: #159ceb;
        }

        .social-engage li a.gp:hover {
            color: #fff;
            background: #dc4a38;
        }

        .social-engage li a.pt:hover {
            color: #fff;
            background: #FF0000;
        }

        .social-engage li a.in:hover {
            color: #fff;
            background: #1686b0;
        }

        .social-engage li a.ig:hover {
            color: #fff;
            background: #CC00FF;
        }