html, body {
    height: 100%;
    margin: 0px;
    padding: 0px;
	font-family: "Avant Garde", Avantgarde, "Century Gothic", CenturyGothic, "AppleGothic", sans-serif;
	color: #2b1d10;
	overflow: hidden;
}
	 
.center { 
text-align: center;

	}

	
	.red { 
color: #912c20;
	}
		
	.bold { 
font-weight: bold;

	}



	
#wrapper {
    width: 100%;
    height: 100%;
    background-color: #da9a12;
    margin: auto;
    position: relative;

}

#header {

        height: 10%;
    background-color: #fff;
    color: #2b1d10;
	
	-webkit-border-bottom-right-radius: 1em;
-webkit-border-bottom-left-radius: 1em;
-moz-border-radius-bottomright: 1em;
-moz-border-radius-bottomleft: 1em;
border-bottom-right-radius:1em;
border-bottom-left-radius:1em;

	-webkit-box-shadow: 0 8px 6px -6px #2b1d10;
	   -moz-box-shadow: 0 8px 6px -6px #2b1d10;
	        box-shadow: 0 8px 6px -6px #2b1d10;
}

#content {

    position:absolute;
    bottom:0px;
    top: 15%;
	height: 85%;
    width:100%;
    overflow: hidden;
    background-color: #da9a12;
    color: #666;
	 text-align: center;
	 			background: url(gosia.jpg) no-repeat bottom left fixed; 
			background-size: 23%;
}

.video {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
	margin-top: 20px;
	margin-bottom: 20px;
	  margin-left: auto ;
  margin-right: auto ;
  text-align: center;
}

.video iframe,
.video object,
.video embed {
    position: absolute;
    top: 0;
    left: 25%;
    width: 50%;
    height: 50%;
}