.justify-around {
                                    justify-content: space-around;
                                }
                                
                                .webdev {
                                    background-image: linear-gradient(to left top, #000, #454545);
                                    padding: 45px 15px;
                                }
                                
                                .box {
                                    width: 340px;
                                    border-radius: 100%;
                                    padding: 25px;
                                    overflow: hidden;
                                    background: #97a3a9;
                                    box-shadow: #464d54 7px 9px 20px 4px;
                                    text-align: center;
                                    height: 350px;
                                    color: #06426c;
                                    font-family: -webkit-pictograph;
                                    margin: 33px;
                                }
                                
                                .box-img {
                                    width: 175px;
                                    margin: 4px auto;
                                    height: 155px;
                                    overflow: hidden;
                                    border-radius: 100%;
                                }
                                
                                .box-img img {
                                    transform: translate(-7px, 1px);
                                    width: 190px;
                                }
                                
                                footer {
                                    background: url(../img/footer.jpg) fixed;
                                    height: 20pc;
                                    background-size: cover;
                                    background-repeat: no-repeat;
                                }
                                
                                footer h2 {
                                    font-size: 26px;
                                    color: #000;
                                    font-family: -webkit-pictograph;
                                    text-align: center;
                                }
                                
                                footer .name h3,
                                .tel h3 {
                                    color: #ffffff;
                                    text-align: center;
                                    font-weight: 563;
                                    font: message-box;
                                    font-size: 20px;
                                    line-height: 5rem;
                                }
                                
                                footer {
                                    padding: 10px;
                                    text-align: center;
                                    color: #eee;
                                }
                                
                                footer .channel {
                                    margin-top: -0.3pc;
                                    display: block;
                                }
                                
                                .footer {
                                    background: linear-gradient(to left top, #000, #454545);
                                    text-align: center;
                                    padding: 1px;
                                }
                                
                                @media only screen and (max-width: 991px) {
                                    footer {
                                        height: 250px;
                                    }
                                    footer .channel {
                                        display: block;
                                        margin-top: -0.1pc;
                                    }
                                    footer h2 {
                                        font-size: 21px;
                                    }
                                    footer .name h3,
                                    .tel h3 {
                                        font-size: 16px;
                                    }
                                }
                                
                                @media only screen and (max-width: 769px) {
                                    footer {
                                        height: 1000px;
                                    }
                                    footer .name h2,
                                    .tel h2,
                                    .channel h2 {
                                        font-size: 38px;
                                    }
                                    footer .channel {
                                        width: 100%;
                                    }
                                    footer .name h3,
                                    .tel h3,
                                    .channel h3 {
                                        font-size: 24px;
                                        text-align: center;
                                    }
                                    footer .tel {
                                        width: 100%;
                                    }
                                    footer .name,
                                    .tel,
                                    .channel {
                                        width: 100%;
                                        display: block;
                                    }
                                }