@import "ppmuseum-web/museum.css";
/* @import "pphatton-web/hatton.css";*/
/* @import "ppeiko-web/eiko.css";*/

body {
	background:rgb(20,15,35);
	color:rgb(250,240,230);
	padding:0;
	font-family: "PP Museum", Optima, sans-serif;
	font-size:125%; 
	font-weight:300;
	line-height:1.2em;
}

main, section {
	margin:5em auto;
	max-width:590px;
	padding:2em;
}


.RSVP {
	margin:2em auto;
	max-width:640px;
	height:1385px;
	background-color:rgba(250,240,230,.4);
	padding:2em 1em;
	border-radius:8px;
}

.RSVP iframe {
	width:100%;
	height:100%;
}

.photos img {
	max-width:590px;
	border-radius:2px;
}


.nowrap {
	white-space:nowrap;
}

h1:first-line {
	font-size:800%;
	font-style:italic;
	line-height:80%;
	margin:0;
	font-weight:800;
}

h1 {
	text-align:center;
	font-weight:700;
	text-transform:lowercase;
	letter-spacing:.1em;
	font-variant:small-caps;
	line-height:110%;
	font-size:250%;
	/*color:rgb(255,245,180);*/

}

h2 {
	font-size:200%;
	/*padding-left:1em;
	text-indent:-1em;*/
	font-weight:400;
	line-height:1em;
	text-align:right;
	margin:0;
}

h2:first-of-type {
	text-align:left;
}

h3 {
	font-weight:500;
	text-transform:uppercase;
	letter-spacing:.05em;
	margin:.5em 0;
	line-height:1.3em;
}

.after {
/*	text-align:center;*/
}

address, p {
	padding-left:2em;
	font-style:normal;
}

hr {
	border:0;
	height:1em;
	text-align:center;
}

hr::after {
	text-align:center;
	color:rgba(245,245,240,.6);
}



@media (max-device-width:600px) {

	main {
		margin:0 auto 5em;
		max-width:100%;
		font-size:160%;
		line-height:1.2em;
	}
	
	.RSVP {
		margin: 2em 0;
		padding:2em 0;
		width:100%;
		max-width:100%;
		border-radius:0;
	}
	
}