/* Landscape phones and down */
@media (max-width: 549px) {

.top {
		padding: 10% 2.7% 0 2.7% !important;
}

h1 {
  font-size: 36px !important;
  padding-top: 3px !important;
  padding-bottom: 11px !important;
  text-align: center !important;
}

body {
  padding: 10px !important;
}

#what {
  font-size: 16px !important;
  letter-spacing: 0.08em !important;
  padding-bottom: 22px !important;
  padding-left: 14px;
  padding-right: 14px;
  line-height: 1.75em !important;
}

#edition {
	padding-top: 36px !important;
	letter-spacing: 0.16em !important;
}

#when {
  font-size: 26px !important;
  padding-top: 16px !important;
}

#where {
	font-size: 15px !important;
}

p {
	font-size: 16px !important;
}

html {
	height: 100%;
	width: 100%;
}

}

/*main styles here */

html {
  box-sizing: border-box;
}
*, *:before, *:after {
  box-sizing: inherit;
}

/**, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }*/

html { 
  /*background: linear-gradient(to top right, rgba(0,0,0,0.54), rgba(0,0,0,0.54)), url('images/bg4.jpg') no-repeat center center fixed;*/
  background-color: #31484c /*#384c50*/;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
	height: 100%;
	width: 100%;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}

body {
	text-align: center;
	margin: 0 !important;
	height: 100%;
  width: 100%;
  padding: 16px;
}

/*.wrapper:after {
    content: '';
    position: fixed;
    top: 16px;
    right: 16px;
    bottom: 16px;
    left: 16px;
    border: 2px solid #b08d58;
}*/

.wrapper {
	height: 100%;
  width: 100%;
  overflow: scroll;
  border: 2px solid #b08d58;
}

.top {
	z-index: 1000;
	padding: 6% 1% 0 1%;
	margin: 0 auto;
	max-width: 700px;
}

.logo {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 31%;
  height: 31%;
  padding-bottom: 2px;
}

#edition {
  font-family: "futura-pt",sans-serif;
  font-style: normal;
  font-weight: 600;
	font-size: 19px;
	letter-spacing: 0.21em;
	text-transform: uppercase;
	margin: 0 auto;
	padding-top: 50px;
	position: relative;
	text-rendering: optimizeLegibility;
	color: #b08d58;
}

#what {
  font-family: "kepler-std-display",serif;
  font-style: normal;
  font-weight: 400;
	font-size: 21px;
	margin: 0 auto;
	text-align: center;
	padding-top: 30px;
	max-width: 556px;
	letter-spacing: 0.038em;
	position: relative;
	line-height: 1.8em;
	padding-bottom: 30px;
}

#contact {
	font-family: "futura-pt",sans-serif;
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	letter-spacing: 0.13em;
	text-transform: uppercase;
	margin: 0 auto;
	padding-bottom: 64px;
	text-rendering: optimizeLegibility;
	text-decoration: none;
	color: #d8d8cc;
}

p {
	color: #d8d8cc;
	font-family: "kepler-std",serif;
	font-style: normal;
	font-weight: 300;
	font-size: 18px;
	margin: 0;
	text-rendering: geometricPrecision;
	position: relative;
}

hr {
   border-top: 1px solid #d8d8cc;
   border-bottom: none;
   border-left: none;
   border-right: none;
   padding-bottom: 18px;
   width: 8.5%;
}