@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap');

#wrapper {
	width: 80%; /*960px*/ 
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
}

body {
	background-color: #fff;
}

header {
	background-color: #fff;
	width: 100%;
	padding: 1.25%; /*12px / 960px * 100 = 1.25*/
}

#header-content {
	width: 80%; /*960px*/
	margin-left: auto;
	margin-right: auto;
	position:relative;
}

.center {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 50%;
}

nav {
	width: 75%; /*720px / 960px * 100 = 75*/ 
	position: absolute;
	bottom: 18px;
	right: 0;
}

nav ul {
	display: block;
	text-align: right;
	list-style-type: none;
}

nav li {
	display: inline-block;
	font-family: 'Playfair Display';
	font-size: 1.666666666666667em; /*25px / 15px*/
	color: #003D4C;
	text-align: left;
}

nav a:link {
	text-decoration: none;
	color: #003D4C;
	padding: 10px 20px;
}

nav a:hover {
	background-color: #003D4C;
	color: #fff;
	padding: 10px 20px;
}

img {
	max-width: 100%;
}

h1 {
	font-family: 'Playfair Display';
	font-size: 2.333333333333333em; /*35px / 15px*/
	text-align: center;
	color: #003D4C
}

h2 {
	font-family: 'Playfair Display';
	font-size: 1.666666666666667em; /*25px / 15px*/
	text-align: center;
	color: #003D4C
}

h3 {
	font-family: 'Playfair Display';
	font-size: 1.333333333333333em; /*20px / 15px*/
	text-align: center;
	color: #003D4C
}

p {
	font-family: 'Playfair Display';
	font-size: 1em; /*15px / 15px*/
	color: #003D4C
}

#lightbox_instructions {
	text-align: center;
}

#check_dates {
	font-family: 'Playfair Display';
	text-align: center;
	padding-bottom: 20px;
}

#sugar_maple {
	padding-bottom: 10px;
}

#luxury_log_home {
	padding-bottom: 10px;
}

#contact {
	font-family: 'Playfair Display';
	text-align: center;
	padding-bottom: 14px;
}

.lodging {
	text-align: center;
}

.lodging p {
	text-align: left;
}

.lodging ul {
	font-family: 'Playfair Display';
	color: #003D4C;
	text-align: center;
	padding-left: 0;
}

.lodging li {
	font-family: 'Playfair Display';
	list-style-type: none;
	text-align: center;
}

.contact_image {
	opacity: .7; transition: opacity 1s
}

.contact_image:hover {opacity: 1.0}

footer {
	text-align: center;
}

@media only screen and (max-width: 1024px){
	
	h1 {font-size: 1.866666666666667em; /*28px / 15px = 1.866666666666667*/}
	h2 {font-size: 1.2em; /*18px / 15px = 1.2*/}
	h3 {font-size: 0.8666666666666667em; /*13px / 15px = 0.8666666666666667*/}
	.center {width: 100%;}
} 
	
@media only all and (max-width: 480px){
	
	#wrapper {width: 100%;}
	h1 {font-size: 1.4em; /*21px / 15px = 1.4*/}
	nav {width: 100%; position: relative;}
	nav ul {margin: 0;}
	nav li {display:block; margin-top: 25px; text-align: center;}
	.center {width: 100%;}
	.header-image {width: 100%;}
}