/**
* Base Stylesheet v1
* René Schulz (http://duofrei.de & http://rene-schulz.info)
*/

/* Body */
body {
	height: 100%;
	font-size: 16px;
	background: url('../img/bg-tile.jpg') repeat;
	font-family: 'Open Sans', Arial, sans-serif;
	}

/* Headings */
h1, 
h2,
h3,
h4 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 300;
	line-height: 125%;
	color: #B3B3B3;
	text-transform: uppercase;
}

h1 {
	font-size: 1.75rem;
}

h2 {
	font-size: 1.5rem;
}

h3 {
	font-size: 1.25rem;
}

h4 {
	font-size: 1rem;
}

/* Headings for Page */
#page h1, 
#page h2,
#page h3,
#page h4 {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 700;
	line-height: 125%;
	color: #000;
	text-transform: none;
	margin-bottom: 0.5rem;
}

#page h4 {
	font-weight: 600;
}


/* Paragraphs */
p {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 400;
	font-size: 1rem;
	line-height: 125%;
	color: #4D4D4D;
	margin: 0 0 1rem;
}

/* Links */
a {
	font-family: 'Open Sans', Arial, sans-serif;
	font-weight: 600;
	color: #5489C7;
	text-decoration: none;
	transition: color 0.5s ease-out;
}

a:visited {
	color: #5489C7; /* Must be the same as in selector a */
}

a:hover,
a:active {
	color: #BBD0E9;
	text-decoration: none;
	transition-property: color;
	transition-duration: 0.5s;
	transition-timing-function: ease-in;
}

/* Lists */
li {
	list-style-type: none;
}

/* Icons */
	/* Icons Sizes & General Styling */
.icon-ftz-s,
.icon-ftz-xs, 
.icon-ftz-m, 
.icon-ftz-l {
	height: 1em;
	margin: 0;
  overflow: hidden;
  padding: 0;
  width: 1em;
}

.icon-ftz-xs {
	font-size: 1.5em;
}

.icon-ftz-s {
		font-size: 2em;
}

.icon-ftz-m {
	font-size: 2.5em;
}

.icon-ftz-l {
	font-size: 3rem;
}