.banner{
    background: url("banner.jpg") no-repeat center center;
    no-repeat center center;d
    background-size: cover;
    padding-top: 20%;
    padding-bottom: 20%;
    color: #fff;
}
.lingkaran{
    display: inline-block;
    border-radius: 50%;
    width: 150px;
    margin: auto;
    height: 150px;
    color: #fff;
    background-color: #dc3545;
}
.lingkaran i{
    position: relative;
    top: 30px;
   left: 20%;
}
.crop-img{
    object-fit: cover;
}
.tim img{
width: 200px;
border: 10px solid #cccccc;

}
a.social{
    display: inline-block;
    width: 40px;
    height: 40px;
    color: #ffff;
    border-radius: 50%;
    background-color: #333;
    line-height: 40px;
}
.client img{
    height: auto;
    max-height: 50px;
    
}
.kontak{
background: url("foter.jpg") no-repeat center center;
background-size: cover;
padding-bottom: 20%;
padding-top: #fff;
color: #fff;
}