*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
body{
	font-family: Baskerville;
}
.post-list{
	display: flex;
	min-height: 100vh;
	align-items: center;
	justify-content: center;
	padding: 10px 15px;
}

.content{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	grid-gap: 20px;
	max-width: 1000px;
	margin: auto;
}

.post-img-1{
	background: url("ALFOMBRA 1.jpg");
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center;
	transition: .3s;
}

.post-img-2{
	background: url("ALFOMBRA 5.jpg");
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center;
	transition: .3s;
}

.post-img-3{
	background: url("PUBLICACION FACEB.jpg");
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center;
	transition: .3s;
}

.post-img-4{
	background: url("ALFOMBRA 2.jpg");
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center;
	transition: .3s;
}

.post-img-5{
	background: url("ALFOMBRA 3.jpg");
	width: 100%;
	height: 200px;
	background-size: cover;
	background-position: center;
	transition: .3s;
}
.post-headerv{
	width: 180%;            /*tamaño viodeo*/
	/*margin-top: 1200px;*/
	/*margin: auto;*/
	margin-top: 6px;
	/*padding: 150px;*/
}

.post-headerv2{
	width: 30%;            /*tamaño viodeo*/
	/*margin-top: 1200px;*/
	/*margin: auto;*/
	margin-top: 6px;
	/*padding: 150px;*/
}

.post-headerv3{
	width: 55%;            /*tamaño viodeo*/
	/*margin-top: 1200px;*/
	margin-left: 70px;
	/*margin-top: 6px;
	/*padding: 150px;*/
}

video{
	width: 100%;
}


.post-img-6{
	background: url("PROCESION BUENOS AIRES.3gp");
	width: 300%;
	height: 300px;
	background-size: cover;
	background-position: center;
	transition: .3s;
}






.post{
	box-shadow: 0 1px 6px 1px rgba(0,0,0, .1);
	overflow: hidden;
	transition: .3s;
}

.post:hover{
	transform: translateY(-4px);
	box-shadow: 0 1px 14px 2px rgba(0,0,0, .15);
}

.post-header{
	width: 100%;
	height: 200px;
	overflow: hidden;
	cursor: pointer;
}

.post:hover .post-img-1,
.post:hover .post-img-2,
.post:hover .post-img-3
.post:hover .post-img-4,
.post:hover .post-img-5,
.post:hover .post-img-6{
	transform: scale(1.1);
}

.post-body{
	padding: 1px;
	text-align: center;
}

.post-body span{
	display: inline-block;
	color: #999;
	margin-bottom: 10px;
}

.post-body h2{
	margin-bottom: 15px;
}

.post-bodyp{
	line-height: 1.5;
	margin-bottom: 20px;
}

.post-body .post-link{
	display: block;
	text-decoration: none;
	padding: 10px;
	background: #3C4D9B;
	color:aliceblue;
	width: 50%;
	margin: auto;
	border-radius: 20px;
	box-shadow: 1px 2px 6px 1px rgba(0,0,0, .1);
	transition: .3s;
}

.post-body .post-link:hover{
	background: #3378c7;
	box-shadow: 1px 2px 6px 1px rgba(0,0,0, .2);
	transform: translateY(-2px)
}















