$em-base: 14px

html, body
	position: relative
	background: #fff
	font-family: $secondary-font
	font-size: 14px
	line-height: 1.4
	font-weight: 400
	color: #666



/*============================*/
/*	TYPOGRAPGY
/*============================*/

/* Links */
a 
	color: $main-color
	+transition(all 0.3s ease)
	text-decoration: none
	&:hover, &:active , &:focus 
		text-decoration: none
		color: darken($main-color, 10)

/* Heading */

h1 , h2 , h3 ,h4 , h5 , h6 ,
.h1 , .h2 , .h3 ,.h4 , .h5 , .h6
	font-family: $primary-font
	color: #333
	letter-spacing: 2px
	line-height: 1.2
	margin: 0 0 15px
	a
		color: inherit

h1, .h1
	font-size: 20px
h2, .h2
	font-size: 18px
h3, .h3
	font-size: 16px
h4, .h4
	font-size: 14px
h5, .h5
	font-size: 13px
h6, .h6
	font-size: 12px

/* Lists */
ol, ul
	list-style: none
	margin: 0
	padding: 0

img
	height: auto
	max-width: 100%

/* blockquote */
blockquote, q
	quotes: none
	border-color: $main-color
	font-size: 1em
	padding: 0 20px
	margin: 20px

	&:before, &:after
	content: ''

p
	margin-bottom: 20px

iframe
	border: 0 !important

.color
	color: $main-color

.color-inherit
	color: inherit

.white
	color: #fff

.uppercase
	text-transform: uppercase

.weight-400
	font-weight: 400 !important

.weight-300
	font-weight: 300 !important

.weight-600
	font-weight: 600 !important


p:last-child
	margin-bottom: 0