html{
box-sizing: border-box;
}

*, *:before, *:after {
box-sizing: inherit;
}
.big_section{
    background:#f7f7f7;
}

.column {
float: left;
width: 25%;
margin-bottom: 16px;
padding: 0 8px;
}

@media screen and (max-width: 650px) {
.column {
width: 100%;
display: block;
}
}
.card {
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
border-top-left-radius:10px;
border-top-right-radius:10px;
overflow:hidden;
transition:1s;
}
.card:hover{
   background:#354F7B;
   color:#fff;
}
.card:hover h2{
    color:white;
}
.card:hover .descript{
    color:white;
}
.card img {
    border-top-left-radius:10px;
    border-top-right-radius:10px;
    border-bottom:solid 2px #EC1D25;
    max-width: 100%;
	-moz-transition: all 1s;
    -webkit-transition: all 1s;
    transition: all 1s;
}
.card img:hover{
	-moz-transform:scale(1.1);
	-webkit-transform:scale(1.1);
    transform:scale(1.1);
    opacity:0.5;
    margin-bottom:10px;
}
.card .descript{
    text-align:center;
    margin-bottom:10px;
    transition: all 1s;
}
.card h2{
    
    font-size:22px;
    text-align:center;
    color:#354F7B;
    font-weight:bold;
    transition:all 1s;
}

.container{
padding: 3 16px;

}

.container::after, .row::after {
content: "";
clear: both;
display: table;
}

.title {
color: #EC1D25;
}

.button {
    border: none;
    outline: 0;
    display: inline-block;
    padding: 8px;
    color: white;
    background-color: #EC1D25;
    border-radius:50px;
    text-align: center;
    cursor: pointer;
    width: 100%;
    margin-bottom:20px;
    transition:1s;
    box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}
.button:hover {
  background-color: #2F4858;
}