/* 1 column: 320px */
.autos {
  margin: 0 auto;
	width: 100%;
}
.autos img {
  float: left;
  margin: 0 .75rem 0 0;
  padding: .50rem .150rem;
}
.autos .module {
  background-color: ;
  border-radius: .25rem;
  margin-bottom: 1rem;

}
.autos .panel-info {
  background-color:;
  border-radius: .25rem;
  margin-bottom: .50rem;

}

.autos .panel-heading {
  background-color:;
  font-size:20px;
  font-family:Calibri Light;
  text-align:center;
  letter-spacing: 2px;
}



/* 2 columns: 600px */
@media only screen and (min-width: 1000px) {
  .autos .module {
		float: left;
		margin-right: 2.564102564102564%;
		width: 48.717948717948715%;
	}
	.autos .module:nth-child(2n+0) {
		margin-right: 0;
	}
}

/* 3 columns: 768px */
@media only screen and (min-width: 768px) {
  .autos .module {
		width: 31.623931623931625%;
	}
	.autos .module:nth-child(2n+0) {
		margin-right: 2.564102564102564%;
	}
	.autos .module:nth-child(3n+0) {
		margin-right: 0;
	}
}

/* 4 columns: 992px and up */
@media only screen and (min-width: 992px) {
  .autos .module {
		width: 23.076923076923077%;
	}
	.autos .module:nth-child(3n+0) {
		margin-right: 2.564102564102564%;
	}
	.autos .module:nth-child(4n+0) {
		margin-right: 0;
	}
}

/* 5 columns: 1000px and up */
@media only screen and (min-width: 1000px) {
  .autos .module {
		width: 17.8%;
	}
	.autos .module:nth-child(4n+0) {
		margin-right: 2.864102564102564%;
	}
	.autos .module:nth-child(5n+0) {
		margin-right: 0;
	}
}