/* CSS Document */

/*XS: TELEFONOS*/

#contenedor > h2 {
	grid-column: 2/5;
	grid-row: 1;
}

#contenedor > iframe {
	grid-column: 2/5;
	grid-row: auto;
}

#contenedor > #paginasAmigas {
	grid-column: 2/5;
	grid-row: 3;
	box-sizing: border-box;
}

#contenedor > #paginasAmigas img {
	width: 100%;
}

#blogGrid {
	grid-column: 1/5;
	grid-row: 2;
	display: grid;
	box-sizing: border-box;
	grid-template-rows: auto;
	grid-template-columns: 1fr;
	padding: 5%;
	grid-row-gap: 2em;
}

.fb-post {
	grid-column: auto;
	grid-row: auto;
	overflow: hidden;
	position: relative;
	margin-left: 5%;
	margin-right: 5%;
	width: 89%;
}

/*S: TABLETS O TELEFONOS GRANDES____________________________________________________________________________________________________*/
@media screen and (min-width: 500px) {
	#contenedor > h2 {
		grid-column: 2/5;
		grid-row: 1;
	}

	#contenedor > iframe {
		grid-column: 3;
		grid-row: auto;
	}

	#contenedor > #paginasAmigas {
		grid-column: 3;
		grid-row: 3;
	}
}

/*M: TABLETS O NOTEBOOKS CON PANTALLAS HD___________________________________________________________________________________________*/
@media screen and (min-width: 1000px) {
	#contenedor > h2 {
		grid-column: 1/7;
		grid-row: 1;
	}

	#contenedor > iframe {
		grid-column: 7/10;
		grid-row: auto;
		margin-right: 1em;
	}

	#contenedor > #paginasAmigas {
		grid-column: 7/10;
		grid-row: 1/3;
		margin-top: 5%;
		margin-right: 1em;
	}

	#blogGrid {
		grid-column: 1/7;
		grid-row: 2/6;
		grid-template-columns: repeat(2, minmax(0, 1fr));
		grid-column-gap: 1rem;
	}

	#fb-post {
		margin: 0%;
		padding: 0px;
	}
}

/*L: NOTEBOOKS Y ORDENADORES FHD_________________________________________________________________________________*/
@media screen and (min-width: 1600px) {

}


/*XL: NOTEBOOKS Y ORDENADORES HIGH DPI SCREENS_____________________________________________________________________*/
@media screen and (min-width: 2000px) {
	#blogGrid {
		grid-column: 2/7;
	}
}