/*
Theme Name: 	Punto MX
Theme URI: 		http://www.puntomx.es
Description: 	Madrid Mexican Restaurant
Version: 		1.0
Author: 		Cocus Dev Team
Author URI: 	http://www.cocus.es
Tags: 			cocus, desing, development, responsive
*/

/*
===========================
CONTENTS:

01 Sensible defaults
02 Typography
03 Media queries 
===========================
*/

/* ---------------------------------------------------------------------------------------------------------- 
01 Sensible defaults ----------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

@import "css/reset.css";
@import url(//fonts.googleapis.com/css?family=Libre+Baskerville:400,400italic,700);
@import url(//fonts.googleapis.com/css?family=Oswald:400,700);

@font-face{
	font-family: NeutraText;
	src: url(fonts/NeutraText-Bold.ttf);
	font-weight: 700;
}

@font-face{
	font-family: NeutraText;
	src: url(fonts/NeutraText-Demi.ttf);
	font-weight: 500;
}

@font-face{
	font-family: NeutraText;
	src: url(fonts/NeutraText-Book.ttf);
	font-weight: 300;
}


.group:after 		{ display:block; height:0; clear:both; content:"."; visibility:hidden; /* For clearing */ }


/* ---------------------------------------------------------------------------------------------------------- 
02 Typography -----------------------------------------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */
/*

14 / 16	= 		0.875em 		(14px equivalent)
16 / 16	= 		1em 			(16px equivalent)
18 / 16 = 		1.125em 		(18px equivalent)
21 / 16 = 		1.3125em 		(21px equivalent)
24 / 16 = 		1.5em 			(24px equivalent)
30 / 16 = 		1.875em 		(30px equivalent)

*/

body,
input,
textarea 			{ /* We strongly recommend you declare font-weight using numerical values, but check to see which weights you're exporting first */ }

h1, 
h2, 
h3, 
h4, 
h5, 
h6 					{ font-weight:bold; /* This helps to identify headings at the initial build stage, but you should write something more precise later on */ }

/* ---------------------------------------------------------------------------------------------------------- 
03 Media queries (using a mobile-first approach) ------------------------------------------------------------
---------------------------------------------------------------------------------------------------------- */

/* 400 and up */
@media screen and (min-width:400px) {

					{ /* Place your styles here for all widths greater than 400px */ }

}

/* Retina Display */
@media screen and (-webkit-min-device-pixel-ratio:2) {

					{ /* Place your styles here for all 'Retina' screens */ }

}