@charset "UTF-8";

@font-face{
	font-family: bebasNeueBook;
	src:url(../fonts/BebasNeueBook.otf);
}

@font-face{
	font-family: bebasNeue;
	src:url(../fonts/BebasNeue.otf);
}

@font-face{
	font-family: helveticaNeue;
	src:url(../fonts/HelveticaNeue.otf);
}

#siteBackgroundImage{
	position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
            transform: translateX(-50%) translateY(-50%);
    background:url(../images/photos/photo_siteBackground.jpg) no-repeat;
    background-size: cover;
    -webkit-transition: 1s opacity;
	background-position: center center;
    transition: 1s opacity;
}

input{
	font-family: helveticaNeue;
	font-size: 14px;
	padding-left: 10px;
	padding-right: 10px;
}

body{
	margin: 0px;
}

p{
	font-family: helveticaNeue;
	color: #5a4952;
	font-size: 14px;
	padding: 0px;
}

h1{
	font-family: bebasNeue;
	font-size: 24px;
	color: #5a4952;
	font-weight: 200;
	padding-top: 10px;
	padding-bottom: 10px;
}

h2{
	font-family: bebasNeueBook;
	font-size: 18px;
	color: #FFFFFF;
	font-weight: 200;
}

a{
	text-decoration: none;
	outline: 0px;
}

#sectionMainBackground{
	width: 100%;
	height: auto;
	background-color: #FFFFFF;
	margin: 0px;
}

#sectionsHeaderSpace{
	width: 100%;
	height: 82px;
}

.sectionHeaderTitleBackground{
	width: 100%;
	height: 44px;
}

.sectionHeaderTitleBackground h1{
	margin: 0px;
	padding-top: 8px;
	text-align: center;
	color: #FFFFFF;
	letter-spacing: 2px;
}

/* Responsive Breakpoints */
/* Breakpoint 01 */ 
@media (max-width: 520px){
	
	#sectionsHeaderSpace{
		height: 54px;
	}
	
}