.md { display:none}
    .items {
	display: flex;
	flex-wrap: wrap;
	margin-right: 0;
	margin-top: 10px;
}
.items .item {
  flex: 1 0 96%;
  box-sizing: border-box;
  background: #f1f1f1;
  color: #171e42;
  margin: 0 10px 20px 10px;
  padding:0;
}
.items .item p { padding:10px }
#start h4 {font-size:20px;font-weight:300;padding:10px;color:rgba(0,0,0,0.7); }
#start .boxcolor{ background:rgba(229, 229, 229, 0.5);border:10px solid #fff;text-align:justify}
#start p { padding:10px;text-align:justify }
.pd40 { padding-bottom:40px;}
.col-height-border{ border:1px solid #f1f1f1;}
@media (min-width: 410px) { 
  .items .item { max-width: 100% - 10px); }
}
@media (min-width: 620px) {
  .items .item { max-width: 100%; }
}
@media (min-width: 830px) {
  .items .item { max-width: calc(100% - 20px); }
}
@media (min-width: 1040px) { 
	.md { display:block} 
	.items .item { max-width: calc(33% - 20px); }
}
@media (min-width: 1250px) {	
	.md { display:block}
	.items .item { max-width: calc(33% - 20px); }
}
@media (min-width: 1460px) {	
.md { display:block}
.items .item { max-width: calc(33%-20px) }
}
@media (min-width: 1670px) {	
	.md { display:block}
	.items .item { min-width: calc(33%-100px); }
}
@media (min-width:720px) {
	.grid {
		display: -ms-grid;
		display: grid;
		-ms-grid-columns: repeat(6, 1fr);
		grid-template-columns: repeat(auto-fill, minmax(240px, 1fr));
		grid-gap: 2vw;
	}
}