/* STYLESHEET */

@font-face
{
	font-family: Futura Medium;
	src: url(fonts/Futura Medium.otf) format(embedded-opentype),
}


/* GENERAL */

*
{
	margin: 0;
	padding: 0;
}

html, body
{
	height: 100%;
}

/*.bg { 
     The image used 
    background-image: url("images/webpage_bkgd.jpg");*/

    /* Full height */
    height: 100%; 

    /* Center and scale the image nicely */
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.wrapper
{
	min-height: 100%;
	height: auto; 
	height: 100%;
}

div
{
	display: block;
}

p
{
	font-family: "Futura Medium", Helvetica, sans-serif;
	size: 12px;
	color: #000000;
}

h1
{
	font-family: Helvetica, sans-serif;
	text-align: center;
	color: #000000;
}


a
{
	color: #eeeeee; 
	text-decoration: none;
	cursor: auto;
}

img
{
	max-width: 100%;
}



/* ABOUT */

.about
{
	width: 80%;
	height: 500px;
	display: inline-block;
	margin-top: 150px;
	margin-left: 150px;
	text-align: center;
	list-style: none;
	border: 1px 0 0 0;
	border-color: rgba(0,0,0,1)
}


.about ul li
{
	list-style: none;
}


	
/* TABLETS AND PHONES */

@media all and (max-width: 1024px)
{
	
	/*.bg { 
	     The image used 
	    background-image: url("images/webpage_bkgd_tablet.jpg") no-repeat center center fixed;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}*/
	
	h1
{
	font-size: 12px;
}	

	
	.about
	{
		vertical-align: middle;
		margin-top: 50px;
		margin-left: 55px;
		position: absolute;
		width: 80%;
		height: auto;
	}
		


}