.agriculture-left {margin:0; padding:0;}
.thumb-agriculture img{margin:0; padding:0; width:100%; height:170px;}
.crop {
    width: 250px;
    overflow: hidden;
}
.crop img {
    width: 250px;
}
.centered-and-cropped { object-fit: cover }
.name-agriculture {
    padding: 10px 0;
    height: 50px;
    background-color: #c76c0f;
    text-align: center;
    color: #fff;
    font-size: 22px;
}
p.name-agriculture {margin:0px;}
.agriculture-right {float:left;} 
.table-agriculture {background-color:#f2f2f2;width:100%}
.table-year {background-color:#EAEAEA; padding:0px; height:50px;}

#list-folder {
	/*height: 300px; your fixed height*/
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2; /*3 in those rules is just placeholder -- can be anything*/
}
@media screen and (max-width: 380px){
	#list-folder {
	/*height: 700px; your fixed height*/
	-webkit-column-count: 1;
	-moz-column-count: 1;
	column-count: 1; /*3 in those rules is just placeholder -- can be anything*/
}
}
#list-folder li {display: inline-block; list-style-type:none; margin: 10px 15px;}
#list-folder li::before {
	content:"\f07b";
	color:#fe7903;
	font-family: FontAwesome;
    padding-right: 5px;
    font-size: 16px;
}
#list-folder a{font-size:14px;}

.gauge {
/*   clear: both; */
  height: 62px;
  padding: 0 5px;
  float: left;
  line-height: 70px;
  background: #f7f7f7;
  border: 1px solid #ddd;
  border-radius: 4px 0 0 4px;
}
.flat-table {
  display: table;
  font-family: inherit;
  -webkit-font-smoothing: antialiased;
  font-size: 14px;
}
.flat-table th {
  background-color: #00ABEB;
  color: white;
  font-weight: normal;
  padding: 3px;
  text-align: center;
}
.flat-table td {
  background-color: #FFF403;
  color: #353535;
  padding: 2px;
  text-align:center;
}
.cell-red td {
  background-color: #ff0033;
  color: #353535;
  padding: 2px;
  text-align:center;
}
/*------------- guage --------------*/
/*#g1 {
  width:100%; height:auto;
  display: inline-block;
  margin: 0;
}*/
#g1 {
	width: 100%;
    height: 120px;
    display: inline-block;
    margin: 0;
    top: -8px;
    position: relative;
}
  .guage-table {
    width: 100%;
    margin-top: 100px;
    text-align: center;
  }

  .guage {
    width: 240px;
    height: 240px;
    display: inline-block;
  }
  
#g2 {
	width: 100%;
    height: 120px;
    display: inline-block;
    margin: 0;
    top: -8px;
    position: relative;
}
#g3 {
	width: 100%;
    height: 120px;
    display: inline-block;
    margin: 0;
    top: -8px;
    position: relative;
}
#g4 {
	width: 100%;
    height: 120px;
    display: inline-block;
    margin: 0;
    top: -8px;
    position: relative;
}
#g5 {
	width: 100%;
    height: 200px;
    display: inline-block;
	top: -30px;
    position: relative;
}