@media (max-width: 1290px) {

    body{
          font: 16px/1.5 'Source Sans Pro', sans-serif; 

    }
  
.section{
    flex-direction: column;
}
	#btn-back, #btn-next {
     padding: 0.3em 1.5em;
}

article{
    
    flex-direction: column;
    justify-content: center;
     align-items: center;
    padding: 0.5em;
}

img#sagrada{
    display: block;
    width: 350px;
    height: 350px;  
    margin: 0.5em; 
    text-align: center;
    margin: 0 auto;
    
}
div .contain{
    /* display: block; */
    padding: 0.5em;
    display: flex;
    text-align: center;
  
   
}
.header-title h1 {
   margin-top: -0.5em;
	}
.contain p{
    line-height: 1.5;
    /* max-width: 26em; */
margin-bottom: 1em;
margin: 0 auto;
}
.contain h2{
    margin-top: 1em;
    margin: 0 auto;
    margin-top: 0.7em;
    margin-bottom: 0.7em;
}
.images{
    flex-direction: column;
}
img#casa{
    margin: 0 auto;
}
	  */
}

html {
	font: 12px/1.5 'Source Sans Pro', sans-serif;
}

@media (min-width: 600px) {
	html { font-size: 14px; }
}

@media (min-width: 900px) {
	html { font-size: 16px; }
}

@media (min-width: 1200px) {
	html { font-size: 18px; }
}


h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 1em;
	line-height: 1.2;
	margin: 1em 0 0.5em 0;
	padding: 0;
}

h1 {
	font-size: 2.2rem;
}

h2 {
	font-size: 2.0rem;
}

h3 {
	font-size: 1.8rem;
}

h4 {
	font-size: 1.6rem;
}

h5 {
	font-size: 1.4rem;
}

h6 {
	font-size: 1.2rem;
}

p {
	margin: 0;
	padding-bottom: 1.5rem;
}