html, body {
	width:100%;
	height:100%;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background: #ffffff;
    background-repeat:no-repeat;
    background: -webkit-linear-gradient( 150deg, #7c7057, #f9e2b0);
    background: -moz-linear-gradient( 150deg, #7c7057, #f9e2b0);
    background: -ms-linear-gradient( 150deg, #7c7057, #f9e2b0);
    background: -o-linear-gradient( 150deg, #7c7057, #f9e2b0);
    background: linear-gradient( 150deg, #7c7057, #f9e2b0);
}
a {
    color: #ffffff;
    text-decoration: none;
}
a:active, a:hover, a:visited {
    color: #ffffff;
}

/*main area */
.Absolute-Center {
  margin: auto;
  position: absolute;
  top: 0; left: 0; bottom: 0; right: 0;
  text-align:center;
}

.Absolute-Center.is-Responsive {
  width: 90%; 
  height: 40%;
  min-width: 300px;
  max-width: 1000px;
  /*background-color:pink;*/
  display: table;
}
#pep { 
	text-transform:uppercase; 
	color:#ffffff;
	text-shadow: 0 2px 0 #999999;
	font-size: 20px;
	font-weight:bold;
	text-align:center;
	vertical-align: middle;
	display: table-cell;
}


/* bottom email */
#footer1 {
	/* simple centered */	
	position: fixed;
	left: 50%;
	bottom: 5px;
	transform: translate(-50%, -50%);
	margin: 0 auto;
	font-size:18px;
	color:#ffffff;
	text-shadow: 0 2px 0 #999999;
	line-height:95%;
}
#footer3 {
	/*cornered*/
	text-align:left;
	position: fixed;
	left: 2px;
	bottom: 2px;
	margin: 0 auto;
	font-size:18px;
	color:#ffffff;
	text-shadow: 0 2px 0 #999999;
	line-height:95%;
}

#footer2 {
	position: fixed;
	right: 2px;
	bottom: 13px;
	margin: 0 auto;
	font-size:18px;
	color:#ffffff;
	text-shadow: 0 2px 0 #999999;
	
}
.innards {
	/* angled */
	-ms-transform: rotate(-12deg); /* IE 9 */
    -webkit-transform: rotate(-12deg); /* Chrome, Safari, Opera */
    transform: rotate(-12deg);
}



/* bootstrap media queries 
// Extra small devices (portrait phones, less than 576px)
// No media query since this is the default in Bootstrap
*/

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
	#pep { font-size: 20px; }
}

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
	#pep { font-size: 25px; }
}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
	#pep { font-size: 30px; }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
	#pep { font-size: 35px; }
}
/* /Bootstrap media queries */