main.our-site{
    padding: 40px 0;
}

.our-site h2{
    text-align: center;
    margin-bottom: 40px;
}

.download{
    margin: 40px 0;
    text-align: center;
}

.our-site .wrapper{
    width: 80%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
    grid-gap: 15px;
    align-items: stretch;
}

.wrapper .card{
    padding: 5px;
    column-gap: 10px;
}

.wrapper .card:hover{
    cursor: pointer;
}

.card i{
    font-size: 1.2em;
}

.card img{
    width: 100%;
}

.card .wrapper{
    width: inherit;
}

.card h4{
    line-height: 1.6;
}

.card .description{
    height: 50px;
    padding: 10px;
    display: flex;
    column-gap: 5px;
}

main.our-site .button {
    margin: 0 10px;
    animation-name: bounce-7;
    animation-timing-function: cubic-bezier(0.280, 0.840, 0.420, 1);
}

@keyframes bounce-7 {
    0%   { transform: scale(1,1)      translateY(0); }
    10%  { transform: scale(1.1,.9)   translateY(0); }
    30%  { transform: scale(.9,1.1)   translateY(-100px); }
    50%  { transform: scale(1.05,.95) translateY(0); }
    57%  { transform: scale(1,1)      translateY(-7px); }
    64%  { transform: scale(1,1)      translateY(0); }
    100% { transform: scale(1,1)      translateY(0); }
}