/* ------ Fonts, default styles ------ */

/* ------ Fonts ------ */
.ui-widget,
button, 
input, 
select, 
textarea,
body {
	font-family: 'Rubik', sans-serif;
	font-size: 14px;
	color: #1d1d1b;
	font-weight: 100;
}



/* ------ */
a {
    text-decoration: none;
	color: #333;
	@include transition(color 0.3s);
}

a:hover {}

p {
    line-height: 1.2em;
    margin: 1em 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 1em 0;
	font-weight: 500;
}

:focus {
    outline: none;
}

strong {
	font-weight: 500;
}


/* ------ Simple content ------ */

.simple-content {}

.simple-content h1,
.simple-content h2 {
	font-size: 60px;
    line-height: 70px;
    font-weight: 100;
    text-transform: uppercase;
    margin-top: -11px;
    margin-bottom: 24px;
    letter-spacing: -1px;
	visibility: hidden;
}

.simple-content h3 {}

.simple-content p {
	line-height: 1.9em;
}

.simple-section .simple-content p {
	font-size: 16px;
}

.simple-content hr {
	border: 0;
	color: #ccc;
	background-color: #ccc;
	height: 1px;
	margin: 1em 0;
}




/* Responsive simple content */

@include respond-to(r960) {

	.simple-content h1,
	.simple-content h2 {
		font-size: 40px;
		line-height: 50px;
	}

}

@include respond-to(r640) {
	
	.simple-content h1,
	.simple-content h2 {
		font-size: 32px;
		line-height: 40px;
	}

}