.section-padding {
	padding: 24px 20px 20px 14px;
}

section {
	/*max-width: 1200px;*/
	width: 100%;
	margin: 0 auto;
}

header {
	/*max-width: 1200px;*/
	width: 100%;
	margin: 0 auto;
}

footer {
	/*max-width: 1200px;*/
	width: 100%;
	margin: 2px auto;
}

.container {
	display: block;
	/*max-width: 1400px;*/
	margin: 0px auto;
	/*background-color: #A9BE9D;*/
}

.container-full {
	width: 100%;
}

.cards {
  max-width: 700px;
  margin: 1em auto;
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(230px, 1fr));
  grid-gap: 20px;
}

.card {
  outline: 5px dashed; #F16D76;
  border-radius: 5px;
  background-color: #CC4F66;
  padding: 12px; 
  display: grid;
  grid-template-rows: max-content 200px 1fr;
}

/* ROW */

.row {
	display: flex;             /* Makes the content run horizontally, instead of vertically */
	flex-wrap: wrap;           /* Makes the content wrap down if the elements inside are wider than the screen */
	align-content: stretch;    /* Makes the elements inside grow to the height of the container */
	margin: 0px 40px;
}

.row-justify-end {
	justify-content: flex-end;
}

.row-justify-center {
	justify-content: center;
}

.row-justify-between {
	justify-content: space-between;
}

.row-align-end {
	align-items: flex-end; 
}

.row-align-center {
	align-items: center; 
}


/* COLUMN */

.col {
	flex-grow: 1;
	flex-shrink: 1;
	flex-basis: 0%;
	padding: 0px 20px;
	box-sizing: border-box; 
}

.col-lg-1 {
	flex: 0 0 8.33% ;
	max-width: 8.33%;
}

.col-lg-2 {
	flex: 0 0 16.67%;
	max-width: 16.67%;
}

.col-lg-3 {
	flex: 0 0 25%;
	max-width: 25%;
}

.col-lg-4 {
	flex: 0 0 33.33%;
	max-width: 33.33%;
}

.col-lg-5 {
	flex: 0 0 41.67%;
	max-width: 41.67%;
}

.col-lg-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.col-lg-7 {
	flex: 0 0 58.33%;
	max-width: 58.33%;
}

.col-lg-8 {
	flex: 0 0 66.67%;
	max-width: 66.67%;
}

.col-lg-9 {
	flex: 0 0 75%;
	max-width: 75%;
}

.col-lg-10 {
	flex: 0 0 83.33%;
	max-width: 83.33%;
}

.col-lg-11 {
	flex: 0 0 91.67%;
	max-width: 91.67%;
}

.col-lg-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

@media screen and (max-width: 478px) {

	.col-sm-1 {
	flex: 0 0 8.33% ;
	max-width: 8.33%;
}

.col-sm-2 {
	flex: 0 0 16.67%;
	max-width: 16.67%;
}

.col-sm-3 {
	flex: 0 0 25%;
	max-width: 25%;
}

.col-sm-4 {
	flex: 0 0 33.33%;
	max-width: 33.33%;
}

.col-sm-5 {
	flex: 0 0 41.67%;
	max-width: 41.67%;
}

.col-sm-6 {
	flex: 0 0 50%;
	max-width: 50%;
}

.col-sm-7 {
	flex: 0 0 58.33%;
	max-width: 58.33%;
}

.col-sm-8 {
	flex: 0 0 66.67%;
	max-width: 66.67%;
}

.col-sm-9 {
	flex: 0 0 75%;
	max-width: 75%;
}

.col-sm-10 {
	flex: 0 0 83.33%;
	max-width: 83.33%;
}

.col-sm-11 {
	flex: 0 0 91.67%;
	max-width: 91.67%;
}

.col-sm-12 {
	flex: 0 0 100%;
	max-width: 100%;
}

}  /* media ends */