@import url(http://fonts.googleapis.com/css?family=Open+Sans:100,300,400,700);
* {
	margin: 0;
	padding:0;
	box-sizing: border-box;
}

body {
  font-size: 100%;
  font-family:'Open Sans', Helvetica, Arial, sans-serif;
  color:#fff;
	background-image:    url(../images/stage_01.jpg);
    background-size:     cover;                      /* <------ */
    background-repeat:   no-repeat;
    background-position: center center;
    background-color: #000;
}

.wrapper { 
	width: 100%;
	margin: 0em auto;
	/*max-width:1200px;*/
	border: 0px solid green;
	text-align: center;
}

.header { border: 0px solid green;

	text-align: center;
	border-radius: 8px;
	padding:0em;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.02), 0 6px 20px 0 rgba(0, 0, 0, 0.1);
	
}

.fl_d { float: left; margin-left:30%;margin-top: 6em; }
.fl_e { float: right; margin-right:30%;margin-top: 6em; }

.content { padding: 2em 0em; background-color:rgba(0, 0, 100, 0.3); height: 25em;}

.footer { clear:both; }

a {
	color: #99d;
    text-decoration: none;
    border:0;
}
a:hover {
	color: #c33;
	border-style: none;
	}
img     {
	border-style: none;
	border:0;
}
a img {border: 0 none;}
a:link, a:visited {
	border: 0 none;
	}	

p {margin: 0.5em 0em; font-size:1.5em;}

hr {
	border:0;
	height: 0.05em;
	background-color: #ccc;
}




/*------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {
    /* For mobile phones: */
.wrapper { 

	margin: 1em auto;
}



img {
	margin: 1em;
	max-width: 95%;
    height: auto;
}

.fl_d { margin-left:10%;margin-top: 6em; }
.fl_e { margin-right:10%;margin-top: 6em; }
h1	{font-size:1.5em; }
p {margin: 1em 0em; font-size:1em;}