* { box-sizing: border-box; }

body {  }

/* ---- grid ---- */

.grid {

  max-width: 1320px;
}

/* clearfix */
.grid:after {
  content: '';
  display: block;
  clear: both;
  height:auto;
}

/* ---- grid-item ---- */



.grid-item-big {
  width: 630px;
  height: auto;
  position:relative;
  float: left;
  background:white;

 
  padding-bottom:12px;
  margin-bottom:10px;
/*  border:1px solid #c7c7c7;*/
  border-radius:8px;



}

.grid-item2 {
  width: 100%;
  height: auto;
  position:relative;
  float: left;
  background:#eaeaea;

 
  padding-bottom:32px;
  margin-bottom:30px;




  -webkit-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
box-shadow: 0px 0px 8px 0px rgba(0,0,0,0.75);
}
.grid-item_tag { 
  width: 389px;
  height: auto;
  position:relative;
  float: left;
 background-color: #e7e7e7;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);


  margin-bottom:8px;
  border:1px solid gray;
  border-radius: 8px;
  padding-bottom:10px;

}



/*
.grid-item--width2 { width: 320px; }
.grid-item--width3 { width: 480px; }
.grid-item--width4 { width: 640px; }

.grid-item--height2 { height: 200px; }
.grid-item--height3 { height: 260px; }
.grid-item--height4 { height: 360px; }
*/


.grid-item--width2 { width: 522px; }

.grid-item--height2 { min-height: 200px; }
.grid-item--height3 { height: 200px; }
.grid-item--height4 { height: 200px; }