/* -------------------
.top
---------------------- */
.top{
  height: 500px;
  background-image: url(../img/top.jpg);
  background-size: cover;
  
}

/* -------------------
.service
---------------------- */
.service .card{
  border: none;
  height: 100%;
}

.service  .card-img-top{
  width: 100px;
  margin: auto;
  margin-top: 20px;
}

.service  .card-title{
  text-align: center;
  color:rgb(041,153,196);
}

.service .card-text{
  text-align: center;
}

/* -------------------
.works
---------------------- */
.works .card-title{
  text-align: center;
}

.works .card{
  height: 100%;
}

/* -------------------
.contact
---------------------- */

.contact{
  border:3px solid rgb(041,153,196);
}

.contact a{
  font-size: 32px;
  text-align: center;
  /* text-decoration: none; */
  color: white;
}

.contact a:hover{
  color: rgba(0, 0, 0, 0.393);
}

.contact i{
  display: block;
}