our team style : demo 72

                        

                            

                                

                                    

                                        

                                            

                                                
                                            
                                            

                                                

                                                

                                                

                                            
                                            

                                                
Williamson
                                                Web Developer
                                            
                                            

                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac eros lacus. Sed commodo fringilla pharetra. Proin sodales risus et nunc volutpat.
                                            
                                        
                                    
                                    

                                        

                                            

                                                
                                            
                                            

                                                

                                                

                                                

                                            
                                            

                                                
Kristiana
                                                Web Designer
                                            
                                            

                                                Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque ac eros lacus. Sed commodo fringilla pharetra. Proin sodales risus et nunc volutpat.
                                            
                                        
                                    
                                
                            
                        
                    

                        .demo{ background: #f0e0d4; }
                        .our-team{
                            text-align: center;
                            position: relative;
                        }
                        .our-team .pic{
                            width: 200px;
                            height: 200px;
                            border-radius: 50%;
                            border: 8px solid #7a4b94;
                            margin: 0 auto;
                            overflow: hidden;
                        }
                        .our-team img{
                            width: 100%;
                            height: auto;
                        }
                        .our-team .social{
                            list-style: none;
                            padding: 0;
                            margin: 0;
                            position: absolute;
                            top: 50px;
                            left: 20px;
                            transition: all 0.3s ease-out 0s;
                        }
                        .our-team .social li a{
                            width: 30px;
                            height: 30px;
                            line-height: 30px;
                            border-radius: 50%;
                            background: #f28a31;
                            font-size: 14px;
                            color: #fff;
                            text-align: center;
                            margin-bottom: 5px;
                            transform: scale(0);
                            transition: all 0.2s ease 0s;
                        }
                        .our-team:hover .social li a{ transform: scale(1); }
                        .our-team:hover .social li a:hover{ background: #7a4b94; }
                        .our-team .team-content{
                            padding: 15px 15px 20px;
                            background: #7a4b94;
                            border-radius: 40px 10px;
                            margin-top: -20px;
                            color: #fff;
                        }
                        .our-team .title{
                            font-size: 30px;
                            font-weight: bold;
                            margin: 10px 0 5px 0;
                        }
                        .our-team .post{
                            display: block;
                            font-size: 14px;
                            font-weight: 900;
                            text-transform: uppercase;
                        }
                        .our-team .description{
                            padding: 20px;
                            background: #fff;
                            border-radius: 20px;
                            font-size: 16px;
                            color: #666;
                            line-height: 30px;
                            margin-bottom: 0;
                        }
                        @media only screen and (max-width: 990px){
                            .our-team{ margin-bottom: 30px; }
                        }
                        @media only screen and (max-width: 359px){
                            .our-team .pic{
                                width: 150px;
                                height: 150px;
                            }
                            .our-team .social{ top: 20px; }
                        }