body{
	margin: 0;
}

.contenido, .contenido-lateral, .pie-pagina{
	padding: 1em 2em;
}

.contenido .contenido-lateral, .pie-pagina{
	float: left;
	box-sizing: border-box;
}

.encabezado{
	height: auto;
	padding-top: -10px;
	width: auto;
}

.contenido{
	width: 60%;
}

.contenido-lateral{
	width: 40%;
	background-color: rgb(163, 163, 113);
	height: 500px;
}

.post{
	background-color: rgba(117, 255, 26, 0.46);
	height: 100px;
	margin-bottom: 1em;
}

.pie-pagina{
	width: 100px;
	background-color: #000;
	height: 50px;
}

@media screen and (min-width: 780px) and (max-width: 1024px){


	.contenido, .contenido-lateral{
		widows: 50%;
	}
}

@media screen and (min-width: 480px) and (max-width: 780px){
	

	.contenido, .contenido-lateral{
    width: 100%;   
	}

	.contenido,{
    width: 100%;
    float: left;
    background-color: #2b2a29;
    clip-path: polygon(0 0, 100% 0, 96% 100%, 3% 100%);
    height: auto;
    padding: 10px 0px;
	}


}

@media screen and (max-width: 480px) {
	.encabezado{
		height: auto;
	}

	
	.contenido, .contenido-lateral{
		width: auto;
	}
}