/* Slide */

.slider {
	width: 100%;
	margin: auto;
	overflow: hidden;
}


.slider ul {
	display: flex;
	padding: 0;
	width: 400%;
	
	animation: cambio 20s infinite alternate linear;
}

.slider li {
	width: 100%;
	list-style: none;
}

.slider img {
	width: 100%;
}

@keyframes cambio {
	0% {margin-left: 0;}
	20% {margin-left: 0;}
	
	25% {margin-left: -100%;}
	45% {margin-left: -100%;}
	
	50% {margin-left: -200%;}
	70% {margin-left: -200%;}
	
	75% {margin-left: -300%;}
	100% {margin-left: -300%;}
}


/*-- Header --*/

.navbar{
	margin-bottom: 0;
}

.jumbotron {
	background:#428BCA;
	color:#fff;
	padding:20px 0;
	margin-bottom: 0; 
}

.jumbotron2 {
	color:#fff;
	padding:20px 0;
	margin-bottom: 0; 
}

#black-soft{
	background: #51504F;
	color: #fff;
}

#grey{
    background: #333;
}

#black{
    background: #000;
    color: #fff;
    padding: 20px 0;
    margin-bottom: 0;
}

a{
    color: #fff;
    text-decoration: none;
}

a:hover{
    color: #C5C5C5;
    text-decoration: none;
}

/* POST */

.main{
    margin-top: 20px;
    margin-bottom: 20px;
}

.post{
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px solid #999;
}

.post .post-title a{
    color: #333;
}

.post .thumb{
    margin-right: 10px;
    width: 40%;
}

.post .thumb img{
    width: 100%;
}

.post .contenedor-botones{
    width: 100%;
}

/* Media query */

@media screen and (max-width: 768px){
    .post .thumb{
        width: 100%;
        margin-bottom: 20px;
        margin-right: 0;
    }
}