html, body { margin: 0; padding: 0; height: 100%; background: #000000;}

body { text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffff;  }

#wrapper {
	border-top: 16px solid #000;
	max-width: 375px;
	margin: 0 auto;
}
#logo { clear: both; margin: 4px 0 3px 0;  }
.picture1 { clear: both; border-bottom: 16px solid #000; width: 100%; }
.picture2 { width: 100%;  }

header {  }
article { padding: 20px; text-align: left; line-height: 1.5em; }
footer { margin: 8px 0 8px 0;  font-size: 12px; line-height: 1.4em; }
p { margin: 0 0 1.5em 0; }
a { color: #00C7DA; text-decoration: none; }
a:hover { color: #00a0af; text-decoration: none; }

.buttons { overflow: hidden; margin-bottom: 16px; }
.buttons a { padding: 7px 6px 7px 11px; display: block; background-color: #333; margin-bottom: 12px; color: #FFF; text-transform: uppercase; line-height: 1.9em; text-indent: 40px; }
.buttons a:hover { opacity: 0.8; }

#mail { background: #333 url('email.png') 6px 2px no-repeat; }
#tel { background: #333 url('tel.png') 6px 2px no-repeat; }
#facebook { background: #333 url('facebook.png') 6px 2px no-repeat; }

@media only screen and (min-width: 375px) {
	#logo { margin: 5px 0 4px 0;  }

}