@charset "utf-8";
/* CSS Document */

.wrapper-vinculos{
	background:#C9AC76;
	width:100%;
	padding:2px;
	margin-top:20px;
}
.vinculos{ margin:2px; 
	display:-webkit-box;
	display:-moz-box;
	display:-ms-flexbox;
	display:-webkit-flex;
	display:flex;
	-webkit-flex-direction:row;
	-moz-flex-direction:row;
	flex-direction:row;
	-webkit-flex-wrap:wrap;
	-moz-flex-wrap:wrap;
	flex-wrap:wrap;
	-webkit-justify-content:center;
	-moz-justify-content:center;
	justify-content:center;
	}
.vinculos p{text-align:justify; line-height:1.3em;}
.vinculos h6{ font-family:"Arial Black"; color:#C9AC76;}	
.vinculos .vinculos-1{ width:170px; padding:10px; background:#bb9156;}
.vinculos .vinculos-2{ width:170px; padding:10px; background:#bb9156;}
.vinculos .vinculos-3{ width:170px; padding:10px; background:#bb9156;}
.vinculos .vinculos-4{ width:170px; padding:10px; background:#bb9156;}
.vinculos .vinculos-5{ width:170px; padding:10px; background:#bb9156;}
.vinculos .vinculos-6{ width:170px; padding:10px; background:#bb9156;}
.vinculos .vinculos-7{ width:170px; padding:10px; background:#bb9156;}
.vinculos .vinculos-8{ width:170px; padding:10px; background:#bb9156;}
.vinculos-uno .texto{padding:10px;}

/*========================
Inicio de la Queryes
==========================*/
@media only screen and (max-width:320px){
body{/*background:silver;*/ max-width:99%;}
.wrapper-vinculos{width:100%;}
.vinculos .vinculos-1, .vinculos .vinculos-2,.vinculos .vinculos-4{ width:95%;}
.vinculos .vinculos-3, .vinculos .vinculos-5, .vinculos .vinculos-6, .vinculos .vinculos-7, .vinculos .vinculos-8 { display:none;}

}
@media only screen and (min-width:321px) and (max-width:480px){
body{/*background:orange;*/ max-width:99%;}
.wrapper-vinculos{width:100%;}
.vinculos .vinculos-1, .vinculos .vinculos-2,.vinculos .vinculos-4{ width:80%;}
.vinculos .vinculos-3, .vinculos .vinculos-5, .vinculos .vinculos-6, .vinculos .vinculos-7, .vinculos .vinculos-8 { display:none;}


}
@media only screen and (min-width:481px) and (max-width:640px){
body{/*background:green;*/ max-width:99%;}
.wrapper-vinculos{width:100%;}
.vinculos .vinculos-3, .vinculos .vinculos-5, .vinculos .vinculos-6, .vinculos .vinculos-7, .vinculos .vinculos-8 { display:none;}

}

@media only screen and (min-width:641px) and (max-width:768px){
body{/*background:blue;*/ max-width:99.5%;}
.wrapper-vinculos{width:100%;}
.vinculos .vinculos-7, .vinculos .vinculos-8 { display:none;}
}
@media only screen and (min-width:769px) and (max-width:1024px){

body{/*background:red;*/ max-width:99.5%;}
.wrapper-vinculos{width:100%;}
.vinculos .vinculos-5, .vinculos .vinculos-6, .vinculos .vinculos-7, .vinculos .vinculos-8 { display:none;}
}

@media only screen and (min-width:1025px) and (max-width:1280px) {
body{/*background:brown;*/ max-width:99.5%;}
.wrapper-vinculos{width:100%;}
.vinculos .vinculos-7, .vinculos .vinculos-8 { display:none;}
}

@media only screen and (min-width:1281px) and (max-width:1366px) {
body{/*background:black;*/ max-width:99.5%;}
.wrapper-vinculos{width:100%;}
.vinculos .vinculos-8 { display:none;}
}

@media only screen and (min-width:1367px)  {
body{/*background:#bb9156;*/ max-width:100%;}
.wrapper-top{width: 100%;}

}