/* --------------------------------------------------------------------------
	Embed Fonts
-------------------------------------------------------------------------- */
@font-face {
    font-family: 'paragraph_font_bold';
    src: url('../media/fonts/opensans-bold-webfont.eot');
    src: url('../media/fonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../media/fonts/opensans-bold-webfont.woff') format('woff'),
         url('../media/fonts/opensans-bold-webfont.ttf') format('truetype'),
         url('../media/fonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'paragraph_font';
    src: url('../media/fonts/opensans-regular-webfont.eot');
    src: url('../media/fonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../media/fonts/opensans-regular-webfont.woff') format('woff'),
         url('../media/fonts/opensans-regular-webfont.ttf') format('truetype'),
         url('../media/fonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* --------------------------------------------------------------------------
	Global Settings
-------------------------------------------------------------------------- */
html {
	/* --- Main font family --- */
	font-family: 'paragraph_font', Helvetica , Arial, Verdana, Geneva, sans-serif;
	/* --- Font Color --- */
	color: #000000;
	/* --- Font align --- */
	text-align: left;
	margin: 0;
	padding: 0;
}

/* --- Margins --- */
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
}
/* --------------------------------------------------------------------------
	Align Classes
-------------------------------------------------------------------------- */
.align_left {
	text-align: left;
}
.align_center {
	text-align: center;
}
.align_right {
	text-align: right;
}
.caps {
	text-transform: uppercase;
}
/* --------------------------------------------------------------------------
	Headings
-------------------------------------------------------------------------- */
h1 {
	font-family: 'Oswald', 'paragraph_font_bold', Helvetica , Arial, Verdana, Geneva, sans-serif;
	font-size: 28px;
	font-size: 2.8rem;
	line-height: 35px;
	line-height: 3.5rem;
	font-weight: 300;
}
h1.section-header {
	text-transform: uppercase;
	text-align: center;
	margin-bottom: 30px;
	margin-bottom: 3rem;
	color: #b3a78d;
}
h2 {
	font-family: 'Oswald', 'paragraph_font_bold', Helvetica , Arial, Verdana, Geneva, sans-serif;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 27px;
	line-height: 2.7rem;
	font-weight: 300;
	color: #b3a78d;
}
h2.bold, h2 .bold {
	font-family: 'Oswald', 'paragraph_font_bold', Helvetica , Arial, Verdana, Geneva, sans-serif;
	font-weight: 700;
}
h3 {
	font-family: 'Oswald', 'paragraph_font_bold', Helvetica , Arial, Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 21px;
	line-height: 2.1rem;
	font-weight: 300;
	color: #b3a78d;
}
h3 a {
	font-family: 'Oswald', 'paragraph_font_bold', Helvetica , Arial, Verdana, Geneva, sans-serif;
	color: #b3a78d;
}
/* --------------------------------------------------------------------------
	Paragrafs
-------------------------------------------------------------------------- */
p, a {
	font-family: 'paragraph_font', Helvetica , Arial, Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 21px;
	line-height: 2.1rem;
	font-weight: 400;
	margin-top: 0;
}
p.bold, a.bold {
	font-family: 'paragraph_font_bold', Helvetica , Arial, Verdana, Geneva, sans-serif;
	font-weight: 700;
}
p {
	text-align: center;
	padding-bottom: 10px;
}
.add-paragraf-columns {
	-moz-column-count: 1;
	-moz-column-gap: 0;
	-webkit-column-count: 1;
	-webkit-column-gap: 0;
	column-count: 1;
	column-gap: 0;
}
/* --------------------------------------------------------------------------
	Links
-------------------------------------------------------------------------- */
a, a:visited ,a:focus, a:active {
	text-decoration: none;
}
.desktop a:hover {
		color: #b3a78d;
}
/* --------------------------------------------------------------------------
	Colors
-------------------------------------------------------------------------- */
.bronze {
	color: #b3a78d;
}
.black {
	color: #000;
}
.white {
	color: #fff;
}
/* --------------------------------------------------------------------------
	Misc
-------------------------------------------------------------------------- */
.underline {
	text-decoration: none;
    border-bottom: 3px solid;
	border-bottom: 0.3rem solid;
	margin-bottom: 10px;
	margin-bottom: 1rem;
}
/* --------------------------------------------------------------------------
	Media Queries - Mobile First
	Standard 16px / 1em reference (min-width px/16px)
-------------------------------------------------------------------------- */

/* --- Media Queries - from 0px - 479px - Mobile Portrait	--- */
@media screen and (min-width: 0em) {

}

/* --- Media Queries - from 480px - 639px - Mobile Landscape --- */
@media screen and (min-width: 30em) {
	/* --------------------------------------------------------------------------
		Headings
	-------------------------------------------------------------------------- */
	
}

/* --- Media Queries - from 640px - 959px - Tablet Portrait --- */
@media screen and (min-width: 40em) {
	/* --------------------------------------------------------------------------
		Paragrafs
	-------------------------------------------------------------------------- */
	h3, p, a {
		font-size: 16px;
		font-size: 1.6rem;
		line-height: 24px;
		line-height: 2.4rem;
	}
	p {
		text-align: left;
	}
	.add-paragraf-columns {
		-moz-column-count: 2;
		-moz-column-gap: 60px;
		-moz-column-gap: 6rem;
		-webkit-column-count: 2;
		-webkit-column-gap: 60px;
		-webkit-column-gap: 6rem;
		column-count: 2;
		column-gap: 60px;
		column-gap: 6rem;
	}
}

/* --- Media queries - from 960px - 1279 Tablet Landscape --- */
@media screen and (min-width: 60em) {
	/* --------------------------------------------------------------------------
		Headings
	-------------------------------------------------------------------------- */
	/* --------------------------------------------------------------------------
		Paragrafs
	-------------------------------------------------------------------------- */
	/*.add-paragraf-columns {
		-moz-column-count: 3;
		-moz-column-gap: 60px;
		-moz-column-gap: 6rem;
		-webkit-column-count: 3;
		-webkit-column-gap: 60px;
		-webkit-column-gap: 6rem;
		column-count: 3;
		column-gap: 60px;
		column-gap: 6rem;
	}*/
}

/* --- Media queries - > 1280px - 1919px --- */
@media screen and (min-width: 80em) {
	/* --------------------------------------------------------------------------
		Headings
	-------------------------------------------------------------------------- */
	
	
}
/* --- Media queries - > 1920px - Desktop --- */
@media screen and (min-width: 120em) {
	
}