/* basic elements */

html {
  	margin: 0;
  	padding: 0;
 	}
body {
        font-family: 'Roboto';font-size: 12px;
  	line-height: 1.88889;
  	/* color: #555753; */
  	color: #000000;
  	background: #fff url(images/blossoms1.jpg) no-repeat bottom right;
  	margin: 0;
  	padding: 0;
 	}
p {
   margin-top: 0;
   text-align: justify;
  }

h1 {
	font-family: 'Roboto';font-size: 22px;
	letter-spacing: 1px;
	margin-bottom: 0;
	color: #000000;
   }
a:link {
    	font-weight: bold;
    	text-decoration: none;
    	color: #B7A5DF;
   	}
a:visited {
       	font-weight: bold;
       	text-decoration: none;
       	color: #D4CDDC;
      	}
a:hover, a:focus, a:active {
	text-decoration: underline;
	color: #9685BA;
	}
abbr {
  	border-bottom: none;
 	}


/* specific divs */

.page-wrapper {
	background: url(images/zen-bg1.jpg) no-repeat top left;
	padding: 0 175px 0 110px;  
	margin: 0;
	position: relative;
	}

/*
.pageheader {
	}
.central {
	}
.footer {
	}
*/

.container {
        position: relative;
        overflow: hidden;
        width: 100%;
        padding-top: 56.25%; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
	}

/* Then style the iframe to fit in the container div with full height and width */
.responsive-iframe {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
        width: 100%;
        height: 100%;
	}

#footer { 
	text-align: center;
	}