@font-face {
    font-family: 'montserratbold';
    src: url('../fonts/montserrat-bold-webfont.eot');
    src: url('../fonts/montserrat-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/montserrat-bold-webfont.woff') format('woff'),
         url('../fonts/montserrat-bold-webfont.ttf') format('truetype'),
         url('../fonts/montserrat-bold-webfont.svg#montserratregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

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

body {
	background-color:#101010;
	padding-left:25%;
	padding-right:25%;
	padding-top:15%;
	padding-bottom:2.5%;
	font-family: 'montserratbold', Arial, Helvetica, sans-serif;
	color: #d0d0d0; /* fallback color */
	color: rgba(255, 255, 255, 0.6);
	text-align: center;
	background-image: url('../images/background_dark.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-size: cover;
	}

#logo {
	top: 25%;
	left: 3%;
	position: fixed;
	}
		
#footer {
	color: #d0d0d0; /* fallback color */
	font-family: 'montserratregular', Arial, Helvetica, sans-serif;
	font-size:0.8em;
	left: 42%;
	bottom: 2%;
	position: fixed;
	text-align: left;
	}

#titleline {
	font-size: 4.0em;
	}