body {
	background: #EFEFE1;
}

.forma-style {

	margin-left: 50px;
}
h1 {

margin-left: 40px;	
color: #f11426;
}
/* Каталог товаров */

.image_cat {
    margin: 10px 0;
    padding: 20px;
    border: solid 1px gray;
    border-radius: 3px;
    width: 300px;
}

.good-item__id {
    padding-top: 30px;
    color: steelblue;
}

.good-item__name {
    padding-top: 10px;
    font-size: 1.1em;
}

.good-item__price {
    padding-top: 10px;
    color: red;
}

.good-item__btn-add {
    margin-top: 30px;
}




}
.name-of {
font-size: 16px;
background-color: #dadada; 
width: 70%;
border-width: 1px;
border-color: grey;
}
table {
margin-top: -150px;
}

td {

margin: 150px;
padding: 15px;
}
tr {
margin: 250px;
padding: 15px;


}
legend {
	margin-left:10px;
}
.table-forma {
	
	margin-top:155px;
}

.element1 {
	margin: 20px,20px,20px,20px;
	
}
.element2 {
	margin: 50px;
	
}

.buttons {
margin-top: 20px;

.good-item__img {

	height: 200px;
}

}

footer {
width: 100%;
background-color: black;
font-size: 19px;
color:white;
height: 90px;
display: block;
border-width: 9px;
border-color: gray;

}

.banner {
width: 100%;
height: 400px;
margin-top:60px;
margin-bottom: 20px;
background-image: url("images/banner.jpg");
background-repeat: no-repeat; 
background-size: cover;

float: center;

}

/*Маленький дисплей*/
@media (min-width:1px) and (max-width:768px){

.ithems{
width: 100%;
height: 1000px;
margin-bottom: 20px;
background: #D2D6E3; 
        }


  .product {

margin: 25px;
width: 80%;
height: 200px;
float:center;
background: white;

}      
    }						


/*Средний дисплей*/
@media (min-width:768px) and (max-width:992px) {
.ithems {

width: 100%;
height: 500px;
margin-bottom: 20px;
background: #D2D6E3; 

	 }

.product {
margin: 25px;
width: 75%;
height: 200px;
float:top;
background: white;
     }
}
/*Большой дисплей*/
@media (min-width:992px)  {
.ithems {
width: 100%;
height: 250px;
margin-bottom: 20px;
background: #D2D6E3; 
}

.product {
margin: 25px;
width: 240px;
height: 200px;
float:center;
background: white;
        }
	 }


.footer-content {
	
	text-align: center;
	padding-top: 35px;
	
}

#left-bar {


	height: 800px;
	background: #C8D5EA;



}

#content {

height: 800px;
background: #E6E6E3;


	}



.twenty {

	width: 25%;
	
	float: left;
}