#skills {
            font-weight: bold;
            background-color: #171717;
            color: #fff;
        }
        
        .second img {
            width: 100%;
            margin: 0;
        }
        
        .second .col-md-3 {
            box-shadow: rgba(0, 0, 0, 0.25) 0px 54px 55px, rgba(0, 0, 0, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(0, 0, 0, 0.17) 0px 12px 13px, rgba(0, 0, 0, 0.09) 0px -3px 5px;
             margin: 1rem;
        }
        
        .second .text {
            border: none;
            font-size: 1.5rem;
            background-color: grey;
            padding: 0.3rem;
            width: 100%;
            color: #fff;
        }
        
        .second .col-md-3:hover {
            position: relative;
            width: 28%;
            height: auto;
            display: block;
            z-index: 999;
            transition: 0.3s;
            box-shadow: rgba(81, 148, 216, 0.25) 0px 54px 55px, rgba(22, 113, 173, 0.12) 0px -12px 30px, rgba(0, 0, 0, 0.12) 0px 4px 6px, rgba(39, 165, 154, 0.17) 0px 12px 13px, rgba(44, 177, 187, 0.09) 0px -3px 5px;
        }
        @media only screen and (max-width: 600px) {
            .second .col-md-3:hover {
               width: 90%;
            }
        }