*{
    margin: 0px;
    padding: 0px;
    line-height:30px;
    font-size: 20px;
}
.main{
    width: 100%;
    display: flex;
    flex-direction: row;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -ms-transition: all 1s ease;
    transition: all 1s ease;
}
.main section{
    width: 25%;
    margin: 10px;
    padding-top: 20px;
}
.main .blanco h1{
  text-align: center;
  font-size: 25px;
  color: #981914;
}
.main .negro h1{
  text-align: center;
  font-size: 25px;
  color: #fff;
}
.main section p{
  margin: 20px 15px;
}
.main section a{
  display: inline-block;
  padding: 20px;
  background: #981914;
  margin: 10px 20%;
  text-decoration: none;
  color:#fff;
}
.main .negro{
  background: #333;
  color: #fff;
  transition:0.5s
}
.main .blanco{
  background: #fff;
  color: #000;
  border: #333 solid 3px;
  transition:0.5s
}
.main .imagen{
  width: 100%;
}
.main .imagen img{
  width: 100%;
}
.main .operacion{
  padding-top: 80px;
}


.main .negro:hover{
  transform: scale(1.05);
}
.main .blanco:hover{
  transform: scale(1.05);
}