/* small ----------------------------------------------------------------------------------------------- */

html {
    position: relative;
    min-height: 100%;
}

 body {
	background: #161613 url(img/bg_01.jpg) no-repeat fixed;
    background-position: center; 
	background-size: cover !important;
	margin: 0 0 300px;
	padding: 0;
	text-align: center;
}

#content-wrapper {
	background: url(inviteimg/bgtiles.png) no-repeat;
	min-width: 280px;
	width: 280px;
	min-height: 474px !important;
	margin: 20px auto 0 auto;
	color: #fff8e3;
}

#content-wrapper a {
	color: #fff8e3;
	
	
}

img { max-width: 100%;}

.button:active {
    -webkit-transform: scale(.95);
    transform: scale(.95);
}

footer {
    background: #161613;
    color: #cccc9f;
    text-align: center !important;
	font-size: 10pt;
	margin: 0 auto 0 auto;
	position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    overflow:hidden;
}


.container {
    max-width: 88%;
	margin: 15px auto 0 auto;
}

.container a {
		color: #cccc9f;
		font-size: 10pt;
	text-decoration: none; 
	padding: 10px;
}

.links {
	padding: 10px 0 10px 0;
}

.links a {
	display: block;
	padding: 3px;
	
}

.social {
	padding-bottom:15px;
}

h2 {
	font-family: PT Serif !important;
	font-size: 14pt;
	text-transform: uppercase;
}

p {
	font-family: PT Serif !important;
	font-size: 12pt;
}

#cover {
	padding: 40px;
}

hr {
	width: 50px;
	border-top: 1px solid #fff8e3;
}

.button {
	 background-color: #fff8e3;
	 display: block;
    border-radius: 6px;
    line-height: 1em;
    padding: 10px 4px 10px 4px;
    text-align: center;
    font-size: 16pt;
    color: #33332d !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: PT Serif !important;
	font-weight:bold;
	text-decoration: none;
}

#download {
	display: none;
}

#download img {
	width: 120px;
}

.cred {
	padding: 10px;
}

/* medium ----------------------------------------------------------------------------------------------- */

@media screen and (min-width: 28.75em) {
  body {
	background: #161613 url(img/bg_01.jpg) no-repeat fixed;
	background-position: center; 
	background-size: cover !important;
	margin: 0 0 370px;
	padding: 0;
	text-align: center;
}

#content-wrapper {
	background: url(inviteimg/bgtilem.png) no-repeat;
	width: 350px;
	height: 550px;
	margin: 20px auto 0 auto;
	color: #fff8e3;
}

#content-wrapper a {
	color: #fff8e3;
	
	
}

img { max-width: 100%;}

.button:active {
    -webkit-transform: scale(.95);
    transform: scale(.95);
}

footer {
    background: #161613;
    color: #cccc9f;
    
	margin: 0 auto 0 auto;
}

.container {
    max-width: 88%;
	margin: 15px auto 0 auto;
}

.container a {
		color: #cccc9f;
		font-size: 10pt;
	text-decoration: none; 
	padding: 5px;
	display: inline;
}

.links {
	padding: 15px 0 15px 0;
}


.social {
	padding-bottom:20px;
}

h2 {
	font-family: PT Serif !important;
	font-size: 20pt;
	text-transform: uppercase;
}

p {
	font-family: PT Serif !important;
	font-size: 18pt;
}

#cover {
	padding: 40px;
}

hr {
	width: 50px;
}

.button {
	 background-color: #fff8e3;
	 display: block;
    border-radius: 6px;
    line-height: 1em;
    padding: 10px 4px 10px 4px;
    text-align: center;
    font-size: 24pt;
    color: #33332d !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: PT Serif !important;
	font-weight:bold;
	text-decoration: none;
}

#download {
	display: none;
}

#download img {
	height: 40px;
	width: auto;
}
}

.cred {
	padding: 30px;
	font-size: 10pt;
}

/* large ----------------------------------------------------------------------------------------------- */

@media screen and (min-width: 40.5em) {
body {
	background: #161613 url(img/bg_01.jpg) no-repeat fixed;
	background-position: center; 
	background-size: cover !important;
	margin: 0 0 260px;
	padding: 0;
	text-align: center;
}

#content-wrapper {
	background: url(inviteimg/bgtile.png) no-repeat;
	min-width: 520px !important;
	width: 564px;
	height: 677px;
	margin: 20px auto 0 auto;
	color: #fff8e3;
}

#content-wrapper a {
	color: #fff8e3;
	
	
}

img { max-width: 100%;}

.button:active {
    -webkit-transform: scale(.95);
    transform: scale(.95);
}

footer {
    background: #161613;
    color: #cccc9f;
    font-size: 12pt;
	margin: 0 auto 0 auto;
}

.container {
    max-width: 88%;
	margin: 30px auto 0 auto;
}

.container a {
		color: #cccc9f;
	font-size: 12pt;	
	text-decoration: none; 
	display: inline;
	padding: 10px;
}

.links {
	padding: 15px 0 15px 0;
	text-align: left !important;
}

.social {
	padding-bottom:20px;
	text-align: left !important;
}

h2 {
	font-family: PT Serif !important;
	font-size: 30pt;
	text-transform: uppercase;
}

p {
	font-family: PT Serif !important;
	font-size: 20pt;
}

#cover {
	padding: 40px;
}

hr {
	width: 50px;
}

.button {
	 background-color: #fff8e3;
	 display: block;
    border-radius: 6px;
    line-height: 1em;
    padding: 10px 4px 10px 4px;
    text-align: center;
    font-size: 24pt;
    color: #33332d !important;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    font-family: PT Serif !important;
	font-weight:bold;
	text-decoration: none;
}

#download {
	display: none;
}

#download img {
	height: 40px;
	width: auto;
}

.cred {
	padding: 30px;
	font-size: 12pt;
}
}