.flexbox {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin: 0 auto;
}

.grid {
	float: left;
	text-align: justify;
	width: 30%;
	border: 1px solid #B38371;
	font-family: "Open+Sans", sans-serif;
	font-size: 0.8em;
	padding: 2%;
	margin: 0px 0px 10px 25px;
	color: rgba(0,0,0,0.8);
	border-radius: 5px;
	box-shadow: 2px 2px 5px rgba(0,0,0,0.2);
}

.grid h4 {
	padding: 5px 10px;
	color: #fff;
	text-align: center;
}

.servicios-lista img {
	margin: 0 auto;
	width: 75%;
}

.servicios-cont {
	background: url(../images/don-quijote.png) no-repeat center center;
	width: 100%;
	background-size: cover;
	background-attachment: fixed;
	padding: 3%;
	display: flex;
	font-weight: 700;
	color: #000;

}

.btn-servicios {
	text-align: center;
}
.btn-servicios a{
	text-align: center;
	color: #fff;
	background: #596369;
	padding: 0.2em 1.5em;
	font-weight: 400;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.5);
}

.list-uno {
	margin-bottom: 5%;
	padding: 30px;
}

article {
	box-shadow: 5px 5px 5px rgba(0,0,0,0.5);
	background: gray;
	margin-bottom: 5%;
}

.hover-bg {
	background: black;
	width: 100%;
	height: 100%;
}

.art-square img {
	width: 100%;
}

.span-content {
	width: 100%;
	background: #5c4b39;
	color: #fff;
	font-size: 1.2em;
	padding: 3% 7%;
	text-align: center;
}

.btn-servicios a:hover {
	text-decoration: none;
}

.servicios-title {
	text-align: center;
	margin-bottom: 2%;
	padding: 2%;
	color: #fff;
	background: rgba(92, 75, 57,0.8);
}

.servicios-title h2 {
	font-family: "Open+Sans", sans-serif;
	font-weight: 700;
	color: #fff;
	margin-bottom: 0.5%;
}

.servicios-art a:hover {
	text-decoration: none;
}

/* clients */

.clientes {
	margin-bottom: 5%;
}

.w-section h2 {
	text-align: center;
	margin-top: 7%;
	font-family: "Open+Sans", sans-serif;
	font-weight: 700;
}
.clients {
	float: left;
	width: 100%;
	border-top: 1px solid #eee;
}

.clients_inner {
	float: left;
	width: 95%;
	margin-left: 2.5%;
}

.container {
	width: 1170px;
	margin: auto auto auto auto;
}

.border_line1 {
	float: left;
	margin-top: -3px;
	width: 100%;
	height: 1px;
	border-top: 1px solid #eee;
}

.mar_top3 {
	margin-top: 30px;
	width: 100%;
	float: left;
}

.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */
{
	height:1%;
}

.b-footer {
	width: 100%;
	background: rgba(165, 158, 139, 0.9);
	padding: 2% 1%;
	text-align: center;
	position: relative;
	bottom: 0;
	right: 0;
}

.b-footer a {
	color: #5c4b39;
}

.clearfix
{
	display:block;
}

.fill {
	width: 100%;
	height: 100vh;
	background-position: center;
	background-size: cover;
}

.large {
	text-align: justify;
}





@media (min-width:1200px) {
}
@media (min-width:768px) {
}
@media (min-width:768px) and (max-width:991px) {
@media (max-width:767px) {
}
@media (min-width:768px) {
}
@media (max-width:991px) {
}
@media (max-width:480px) {
}