.steps {
	display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
	padding-left: 50px;
}

.grid-child {
  padding: 1rem;
  height: auto;
}

.grid-child-image {
  padding: 1rem;
  height: auto;
}

.grid-container {
  max-width: 1500px;
  margin: 0 auto;
  display: grid;
  gap: 1rem;
}

.btnOrange {
	display: flex;
	padding: 13px;
	background-color: #F78507;
	color: #f5f7fa;
	cursor: pointer;
	border-radius: 4px;
	width: auto;
	border: #5791da 1px solid;
	font-size: 1.1em;
	text-decoration: none; 
	align-self: flex-end;
}

.btnBlue {
	display: flex;
	padding: 13px;
	background-color: #3B5998;
	color: #f5f7fa;
	cursor: pointer;
	border-radius: 4px;
	width: auto;
	border: #5791da 1px solid;
	font-size: 1.1em;
	text-decoration: none; 
	align-self: flex-end;
}

.btnOrange_ROTF {
	display: flex;
	padding: 13px;
	background-color: #F78507;
	color: #f5f7fa;
	cursor: pointer;
	border-radius: 4px;
	width: auto;
	border: #5791da 1px solid;
	font-size: 1.1em;
	text-decoration: none; 
	align-self: flex-end;
	left: 50%;
	position: absolute;
	margin-right: -50%;
    transform: translate(-50%, -50%);
}

.links {
 
  padding: 12px 20px;
  margin: 8px 0;
  display: inline-block;
   
  box-sizing: border-box;
  border-radius: 4px;
}

.app-store-button img {
	transform: rotate(-0deg);
	width: 25%;
}



@media (min-width: 600px) {
  .grid-container { grid-template-columns: repeat(2, 1fr); }
  
}


@media screen and (max-width: 600px) {
	
.steps {
	padding-left: 10px;
	}

.grid-child-image img.imgSteps { 
	display: none;
	}

.grid-child-image {
	display: none;
	height: 0em;
}

.grid-child {
  padding: 1rem;
  height: auto;
}

.btnBlue {
	left: 50%;
	position: absolute;
	margin-right: -50%;
    transform: translate(-50%, -50%);
}

.btnOrange {
	left: 50%;
	position: absolute;
	margin-right: -50%;
    transform: translate(-50%, -50%);
}

.app-store-button img {
	width: 49%;
}


}