@charset "utf-8";
/* CSS Document */

/*Background*/
html { 
  	background: url(images/99960036.JPG)center center fixed;
    background-size: cover; 
	background-attachment: fixed;
}

/*Text Styling - title*/
h1 {
	color: #FAFAFA;
	font-family: 'Roboto', sans-serif;
	font-size: 50px;
	font-weight: 100;
	text-align: center;
}

/*navbar*/
h2 {
	color: #FAFAFA;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 100;
	text-align: center;
	transform: translate(0, -22px)
}

/*back button*/
h3 {
	color: #FAFAFA;
	font-family: 'Roboto', sans-serif;
	font-size: 17px;
	font-weight: 100;
	text-align:left;
	position: absolute;
	z-index: +1;
}

@media screen and (min-width: 460px) {
	h3 {
		position: fixed;
	}
}

/*paragraph*/
p {
	color: #FAFAFA;
	font-family: 'Roboto', sans-serif;
	font-size: 14px;
	font-weight: 100;
	text-align: justify;
	line-height: 1.3em;
	transform: translate(0, -22px)
}

/*Hyperlink Styling*/
a:link {
    color:#FAFAFA;
    text-decoration: none;
}
a:visited {
    color: #FAFAFA;
    text-decoration: none;
}
/* mouse over link */
a:hover {
  text-decoration: underline;
}

/*Vertical Center Alignment*/
.center {
	width: 310px;
	padding: 100px 100px;
	position: absolute;
	top: 50%;
  	left: 50%;
  	transform: translate(-50%, -60%);
}

/*View More Center Alignment*/
.center3 {
	width: 310px;
	position: absolute;
	top: 100%;
  	left: 50%;
  	transform: translate(-50%, -55%);
}

/*Portfolio Center Alignment*/
.center2 {
	width: 310px;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translate(-50%, 0%);
}
/*Page Dimming*/
#dim{
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	width: 100%;
	height: 100%;
	z-index: -1;
	background: #000000;
	opacity: 0.2;
  	filter:alpha(opacity=20);
}