#banner .slider ul{
    display: flex;
    padding: 0;
    width: 100%;
}
.contenedor {
    width: 100%;
    margin: auto;
}
#banner{
    position: relative;
    margin-top: 90px;
}

#banner article ul li img {
    width: 100%;
    height: 50%;
	object-fit: cover;

}
.contenedor{
    width: 90%;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    padding: 10px;
    margin-bottom: 20px;
}
#info{
    width: 100%;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    padding: 40px 40px 0px 60px;
    margin: auto;
	margin-bottom: 40px;
}

.contenedor a{
    background: rgba(70,107,74,1);
    border-color: rgba(70,107,74,1);
    color:#fff;
    padding: 15px;
    border-radius: 50px;
    font-size: 18px;
    text-decoration: none;
}

#info .encabezado{
    color: rgba(70,107,74,1);
    margin-bottom: 20px;
}
.primera{
    margin-bottom: 300px;
}

.primera .info{
    width: 100%;
    margin:auto;
    color: rgba(70,107,74,1);
    margin-bottom: 10px; 
    float: left;
}
.primera .info h4{
margin-bottom: 10px;
}
.primera .info p{
    float: left;
    text-align: left;
    font-size: 10px;
    margin-bottom: 10px;
}

.primera .imagen{
    width: 100%;
	height:200px;
}
.primera .imagen img{
	width: 100%;
	height: 200px;
	object-fit: contain;
}
.medio{
	width: 100%;
	color: rgb(70,107,74);
	margin-bottom: 10px;
	height: auto;
}
.medio p{
		font-size: 10px;
}
.segundo .info{
    width: 100%;
    margin:auto;
    color: rgba(70,107,74,1);
    margin-bottom: 40px; 
    float: left;
}
.segundo .info p{
    float: left;
    text-align: justify;
    font-size: 10px;
}

.segundo .imagen{
    width: 100%;
    height: 200px;
	object-fit: contain;
    float: left;
	margin-bottom: 10px;
}
.segundo .imagen img{
	width: 100%;
	height: 200px;
    object-fit: contain;
}



@media (min-width:480px) { 
    #banner {
        height:200px;
        overflow: hidden;
    }
    
    #banner article ul li img {
        height: 200px;
    }
    #info .encabezado{
    color: rgba(70,107,74,1);
	font-size: 20px;
    margin-bottom: 20px;
	}
	.primera{
		margin-bottom: 50px;
	}

	.primera .info{
		width: 60%;
		margin:auto;
		color: rgba(70,107,74,1);
		margin-bottom: 10px; 
		float: left;
	}
	.primera .info h4{
	margin-bottom: 10px;
		font-size: 30px;
	}
	.primera .info p{
		float: left;
		text-align: left;
		font-size: 14px;
		margin-bottom: 10px;
	}

	.primera .imagen{
		width: 40%;
		height:100%;
		float: right;
	}
	.primera .imagen img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.medio{
		width: 100%;
		color: rgb(70,107,74);
		margin-bottom: 14px;
		text-align: justify;
	}
	.medio p{
			font-size: 14px;
	}
	.segundo .info{
		width: 50%;
		margin:auto;
		color: rgba(70,107,74,1);
		margin-bottom: 40px; 
		float: left;
	}
	.segundo .info p{
		float: left;
		text-align: justify;
		font-size: 14px;
	}

	.segundo .imagen{
		width: 50%;
		height: 100%;
		object-fit: cover;
		float: left;
		margin-bottom: 10px;
	}
	.segundo .imagen img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}

    
  }

@media (min-width:768px) { 
    #banner {
        height:250px;
        overflow: hidden;
		margin-top: 0;
    }
    
    #banner article ul li img {
        height: 250px;
    }
    #info .encabezado{
    color: rgba(70,107,74,1);
	font-size: 20px;
    margin-bottom: 20px;
	}
	.primera{
		margin-bottom: 50px;
	}

	.primera .info{
		width: 60%;
		margin:auto;
		color: rgba(70,107,74,1);
		margin-bottom: 10px; 
		float: left;
	}
	.primera .info h4{
	margin-bottom: 10px;
		font-size: 40px;
	}
	.primera .info p{
		float: left;
		text-align: left;
		font-size: 20px;
		margin-bottom: 10px;
	}

	.primera .imagen{
		width: 40%;
		height:100%;
		float: right;
	}
	.primera .imagen img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
	.medio{
		width: 100%;
		color: rgb(70,107,74);
		margin-bottom: 40px;
		text-align: justify;
	}
	.medio p{
			font-size: 20px;
	}
	.segundo .info{
		width: 50%;
		margin:auto;
		color: rgba(70,107,74,1);
		margin-bottom: 40px; 
		float: left;
	}
	.segundo .info p{
		float: left;
		text-align: justify;
		font-size: 20px;
	}

	.segundo .imagen{
		width: 50%;
		height: 100%;
		object-fit: cover;
		float: left;
		margin-bottom: 10px;
	}
	.segundo .imagen img{
		width: 100%;
		height: 100%;
		object-fit: cover;
	}
    
  }