.grid {
	display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
  	display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
 	display: -ms-flexbox;      /* TWEENER - IE 10 */
    display: -webkit-flex; 
    display: flex;
	
	-webkit-justify-content: center;
  			justify-content: center;
  	-webkit-align-content: center;
			align-content: center;
	-webkit-flex-direction: column;		
			flex-direction: column;
}

 
.grid > div,
.grid > a {
	
	-webkit-align-items: center;
  			align-items: center;
  	-webkit-align-content: center;
			align-content: center;
	-webkit-justify-content: center;
			justify-content: center;
		
			
	width:100%;
	display:block;
	
}

.grid > div > img  { width:100%; height:auto;}

/* Custom, iPhone Retina */ 
@media only screen and (min-width : 320px) {}
/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {}

/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {}

/* Medium Devices, Desktops */
@media only screen and (min-width : 992px) {
	
	.grid {
		-webkit-flex-direction: row;		
				flex-direction: row;
	}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {}


.grid .centrado {
		-webkit-align-self: center;
		align-self: center;
		position:relative
}


.grid .pie {
		-webkit-align-self: flex-end;
		align-self: flex-end;
		position:relative
}

/* M O B I L E */

.ico-menu {
	position:fixed; right:0; top:0; height:50px; width:50px; background-color:#A19489;
}

.ico-close {
	background-color:#fff;
}

@media only screen and (min-width : 992px) {
	.ico-menu { display:none;} 
}

.ico-menu span {
	display:block;
	position:absolute;
	width:22px;
	height:3px;
	margin:0;
	left:14px;

}

.ico-menu > span{
	background-color:#FFF;
	opacity:1;
	-moz-transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	transform: rotate(0deg);
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
	-ms-transition: all 300ms ease-out;
	-o-transition: all 300ms ease-out;
	transition: all 300ms ease-out;
}

.no-touch .ico-menu:hover span {}


.ico-menu span:first-child {top:16px;}
.ico-menu span:nth-child(2) {top:24px;}
.ico-menu span:last-child {top:32px;}

.ico-close span { background-color:#A19489}

.ico-close span:first-child {
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-o-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top:24px;
}
.ico-close span:nth-child(2) {opacity:0;}

.ico-close span:last-child{
	-moz-transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-o-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
	transform: rotate(135deg);
	top:24px;
}