@charset "utf-8";
/* CSS Document */

.stepsContainer{
	padding-top:30px;
margin: 0 auto;
    width: 100%;
    text-align: center;
}

.threeSteps{
width:30%;
height:0px;
padding:15px;
display:inline-block;
vertical-align:top;

color:#fff;
background: #feccb1; /* Old browsers */
background: -moz-linear-gradient(top,  #feccb1 0%, #f17432 51%, #ea5507 100%);
background: -webkit-linear-gradient(top,  #feccb1 0%,#f17432 51%,#ea5507 100%);
background: linear-gradient(to bottom,  #feccb1 0%,#f17432 51%,#ea5507 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#feccb1', endColorstr='#ea5507',GradientType=0 );

        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;

}

.threeSteps:hover{
background: #56eaea;
background: -moz-linear-gradient(top,  #56eaea 0%, #1fbcbc 50%, #3ea8a8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  #56eaea 0%,#1fbcbc 50%,#3ea8a8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  #56eaea 0%,#1fbcbc 50%,#3ea8a8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#56eaea', endColorstr='#3ea8a8',GradientType=0 ); /* IE6-9 */
border-radius:200px;
cursor:pointer;
}

.theStep{
text-align:center;
margin-top:19px;
}

.theStep img {
display:block;
margin:auto;
} 

@media (max-width:959px){

.threeSteps{
width:215px;
}

}