* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

html, body {
  min-height: 100%; }

body {
background: rgb(51,204,255);
background: -moz-linear-gradient(315deg, rgba(51,204,255,1) 0%, rgba(253,187,45,1) 100%);
background: -webkit-linear-gradient(315deg, rgba(51,204,255,1) 0%, rgba(253,187,45,1) 100%);
background: linear-gradient(315deg, rgba(51,204,255,1) 0%, rgba(253,187,45,1) 100%); 
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#33ccff",endColorstr="#fdbb2d",GradientType=1);

  font-family: Helvetica, Arial, sans-serif;
  font-size: 12px;
  text-align: center; 
  padding: 0px;
  }

#container {
  background: #fff;
  box-shadow: 0 0 0 10px #000;
  margin: 70px auto;
  max-width: 250px;
  padding: 8px; }

h1 {
  border-bottom: 4px solid #E8E8E8;
  color: #B96C6E;
  font-family: 'Pacifico', cursive;
  /*font-family: 'Playfair Display', serif;*/
  font-size: 18px;
  font-weight: normal;
  margin: 20px 0 .5em;
  /*text-transform: uppercase;*/ }
  @media (min-width: 500px) {
    h1 {
      font-size: 36px; } }
  @media (min-width: 768px) {
    h1 {
      font-size: 46px; } }

p {
  margin: 0 0 20px; }
  
audio {
width: 220px;
display: block;
  margin: 0px auto;
	}
	
	main {
	width: 220px;
  background-color: rgb(0, 196, 179);
  border-radius: 12px;
  margin: 0px auto;
	}

/*# sourceMappingURL=maintenance.css.map */