/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/


/* Media Queries */


/* Smaller than standard 960 (devices and browsers) */
   @media only screen and (max-width: 959px) {
   }


/* Tablet Portrait size to standard 960 (devices and browsers) */
   @media only screen and (max-width: 1024px) {

	.big-table{
		width:200px;
	}
	
	
   .marca{
		height:355px;
		width:200px;
	}
	
	.mail{
		width:145px;
		height:16px;
	}
	
	.fb, .inst, .mail {
	margin-top:45px!important;
}

	.fb, .inst {
	height:16px;
	width:16px;
	
   }


	.inst {
		padding-right:5px;
	}



   }


/* All Mobile Sizes (devices and browser) */
   @media only screen and (max-height: 810px) {
	.big-table{
		width:200px;
	}
	
	
   .marca{
		height:355px;
		width:200px;
	}
	
	.mail{
		width:145px;
		height:16px;
	}
	
	.fb, .inst, .mail {
	margin-top:45px!important;
}

	.fb, .inst {
	height:16px;
	width:16px;
	
   }


	.inst {
		padding-right:5px;
	}

/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
   @media only screen and (min-width: 480px) and (max-width: 767px) {
   }


/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
 @media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
	only screen and (-o-min-device-pixel-ratio: 13/10),
	only screen and (min-resolution: 120dpi),
	only screen and (orientation: portrait)
{



	.big-table ,   .marca , .mail , .fb, .inst, .mail {

display:none;


   }
   
   	
.phone-mail {
	display:block!important;
z-index:20;
bottom:20px;
left:20px;
position:absolute;
width:100%;
}

.phone-marca{
		display:block!important;
	z-index:20;
	top:20px;
	left:20px;
	position:absolute;
}


.phone-social {
		display:block!important;
	z-index:20;
	top:20px;
right:20px;
	position:absolute;
	
}

.phone-social .insta{
	padding-right:10px;

   }
   }