/* banners */
.content {
   background: #e0e0e0;
background: -moz-linear-gradient(top,  #e0e0e0 0%, #e0e0e0 9%, #ededed 18%, #ffffff 49%);
background: -webkit-linear-gradient(top,  #e0e0e0 0%,#e0e0e0 9%,#ededed 18%,#ffffff 49%);
background: linear-gradient(to bottom,  #e0e0e0 0%,#e0e0e0 9%,#ededed 18%,#ffffff 49%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e0e0e0', endColorstr='#ffffff',GradientType=0 );

}
#banners {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	align-content: space-around;
}
.banner {
    position: relative;
    margin: 10px;
    background-color: #dddddd;
    border: 1px solid #cccccc;
    border-radius: 15px;
    width: 300px;
	height: 300px;
    -webkit-box-shadow: 0px 9px 20px -10px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 9px 20px -10px rgba(0,0,0,0.75);
    box-shadow: 0px 9px 20px -10px rgba(0,0,0,0.75);
    overflow: hidden;
}
.banner.animate {
    -webkit-transform: scale(0.9);
    -ms-transform: scale(0.9); 
    transform: scale(0.9);
    transition:  transform 0.2s ease-in-out;
}
.banner.animate:hover {
    -webkit-transform: scale(1);
    -ms-transform: scale(1); 
    transform: scale(1);
}
.banner>.text {
    position: absolute;
    left: 0px;
    bottom: 0px;
    width: 270px;
    width: 270px;
    margin: 10px;
    padding: 3px 5px;
    border-radius: 9px;
    background-color: #cccccc99;
    text-align: center;
	font-size: 20px;
}
.banner>.image {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background-image: url("../img/image-1.jpg");
    background-position: center center; /* Положение фона */
    background-size: cover;
}
/* End banners */