@import url('https://fonts.googleapis.com/css2?family=Mea+Culpa&family=Pinyon+Script&display=swap');
@import url("https://use.typekit.net/rlo6vvd.css");

body {
	padding: 0; margin: 0; font-size: 15px; background: #fff; font-family: 'Garamond', serif;  font-style: normal; color: #AE5036
}
.grayscale {
	 -moz-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	 -o-filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	 -webkit-filter: grayscale(100%);
	 filter: gray;
	 filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale");
	  -webkit-filter: grayscale(1);
}

.accent_color  {
	background: #FBB583 !important
}
.separating_line {
	border-top: 1px solid #B7AA36; width: 75px
}
.title {
	font-size: 44px; text-transform: uppercase; line-height: 50px
}
.sub_title {
	font-size: 24px; font-weight: bold
}
.box_overflow {
	box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; 
}
.bg2 {
	position: fixed; width: 550px; height: 650px; bottom: -50px; right: -100px; z-index: -1; background-size: cover
}
a {
	text-decoration: none; color:#AE5036; font-weight: bold; text-transform: uppercase;
}
menu {
	margin: 0
}
a.menu {
	font-family: "kepler-std", serif; font-size: 20px; font-weight: 500; text-transform: uppercase; font-style: normal;
}
.menu_header:hover {
	color: #FBB583 !important
}
.menu {
	font-family: "kepler-std", serif; font-size: 20px; font-weight: 500; text-transform: uppercase; font-style: normal;
}
p {
	font-size: 19px; line-height: 24px; font-family: 'Garamond', serif;
}
h2 {
	margin: 0; padding: 0; line-height: 40px; font-family: "proxima-nova", sans-serif; font-size: 16px; line-height: 36px
}
h3 {
	margin: 0; padding: 0; line-height: 30px
}
.bgColor {
	background: #F9E4DF
}
.bgColorMoss {
	background: #AE5036
}
.mossColor {
	color: #AE5036
}
.lightGreen {
	color: #F9E4DF
}
.subtitle {
	font-family: "volina", sans-serif; font-weight: bold; font-size: 18px; line-height: 22px
}
.subtitle2 {
	font-family: "proxima-nova", sans-serif; font-size: 16px; line-height: 20px
}
.subtitle3 {
	font-family: "bomboniere-hairline", sans-serif; font-size: 36px; line-height: 40px
}
.subtitle4 {
	font-family: "kepler-std", serif; font-size: 18px; line-height: 26px
}

li {
	line-height: 24px
}
.logo_container {
	width: 400px; height: 100%; vertical-align: middle
}
.mobile_menu {
	display: none; text-align: right; padding-right: 20px
}
.menu_txt {
	margin-left: 100px
}
.pinyon-script-regular {
  font-family: "Pinyon Script", cursive;
  font-weight: 400;
  font-style: normal;
}
.eaves-regular {
	font-family: "mrs-eaves", serif;
	font-weight: 400;
	font-style: normal;
}

.freightDisp-light {
	font-family: "freight-display-pro", serif;
	font-weight: 300;
	font-style: normal;
}
.freightDisp-medium {
	font-family: "freight-display-pro", serif;
	font-weight: 500;
	font-style: normal;
}
.sweet-sans-pro-regular {
	font-family: "sweet-sans-pro", sans-serif;
	font-weight: 600;
	font-style: normal;
}



.menu_container_tbl {
	width: 100%; table-layout: fixed; margin: auto; max-width: 1200px; padding-top: 40px; padding-bottom: 40px
}
.swan_logo {
	position: absolute; margin-left: 20px; margin-top: -15px
}
footer {
	min-height: 350px; width: 100%; color: #fff; padding: 20px; background: #F9E4DF; font-size: 12px; font-family: "bomboniere", sans-serif;
}
.footer_title {
	font-family: "volina", sans-serif;
}
.footer_logo {
	display: table-cell; width: 200px; vertical-align: top; padding: 20px; text-align: center
}
.footer_group {
	display: table-cell; vertical-align: top; padding: 20px; width: 50%
}
.copyright {
	margin-top: 20px; line-height: 14px; font-size: 12px; display: block
}
.copyright_mobile {
	margin-top: 20px; line-height: 14px; font-size: 12px; display: none
}

.img_title {
	max-width: 850px
}
.hp_img {
	width: 33%; display: table-cell; height: 0; padding-bottom: 33%; background-size: cover; background-position: center; 
}
.hp_img_link {
	width: 33%; display: table-cell; height: 0; padding-bottom: 33%; background: #FBB583; text-align: center; cursor: pointer; padding: 20px; vertical-align: top
}
.hp_img_link:hover {
	background: #B7AA36
}


.about_list {
	display: inline-block; margin-left: 10px; margin-right: 10px; letter-spacing: 0px; line-height: 32px
}
.about_list_cell2 {
	display: table-cell; width: 33%; text-align: center; padding: 0px 10px 0px 10px; line-height: 26px
}
.about_list_cell {
	display: table-cell; width: 80%; text-align: center; padding: 0px 10px 0px 10px; line-height: 26px
}
.about_list_cell_spacer {
	display: table-cell; width: 10%; text-align: center; padding: 0px 10px 0px 10px; line-height: 26px
}


.banner_title {
	font-size: 36px; font-family: "volina", sans-serif;
}
.top_spacer {
	height: 100px
}

.wp_btn {
	display: inline-block; text-align: center; padding: 5px 55px 5px 55px; border-radius: 10px; border: 2px solid #AE5036; margin-top: 20px
}
.wp_btn:hover {
	background: #FBB583 !important
}
.wp_btn_spacer {
	display: inline-block; width: 20px
}



.wp1_btn {
	display: table-cell; width: 32%; text-align: center; padding-top: 15px; padding-bottom: 15px; border-radius: 20px; border: 2px solid #AE5036
}
.wp1_btn:hover {
	background: #FBB583 !important
}
.wp1_spacer {
	display: table-cell; width: 2px
}
.wp1_2_btn {
	display: inline-block; text-align: center; padding: 15px 55px 15px 55px; border-radius: 10px; border: 2px solid #AE5036
}
.wp1_2_btn:hover {
	background: #FBB583 !important
}


.wp2_img {
	display: table-cell; width: 450px; vertical-align: top; text-align: center
}
.wp2_content {
	display: table-cell; vertical-align: top; padding-left: 50px
}
.wp2_img_container {
	border: 1px solid black; width: 450px; height: 300px
}




.wp3_img {
	display: table-cell; width: 450px; vertical-align: top
}
.wp3_img_mobile {
	display: none
}
.wp3_content {
	display: table-cell; vertical-align: top; padding-right: 50px
}
.wp3_img_container {
	border: 1px solid black; width: 450px; height: 300px
}



.calendar_banner_img {
	width: 750px
}
.calendar_img {
	display: table-cell; width: 250px; vertical-align: top
}
.calendar_img_container {
	border: 1px solid black; width: 250px; height: 200px
}
.calendar_content {
	display: table-cell; vertical-align: top; padding-left: 50px
}


.wp4_tbl {
	display: table; width: 100%; text-align: center; padding: 40px; border: 2px solid #AE5036
}
.wp4_cell {
	display: table-cell; width: 49%"
}
.wp4_btn {
	padding: 10px; text-align: center; border-radius: 10px; border: 2px solid #AE5036
}
.wp4_btn:hover {
	background: #FBB583 !important
}

.wp4_spacer {
	display: table-cell; width: 10px
}
.wp4_horizontal_spacer {
	display: table-row
}



.wp5_img {
	display: table-cell; width: 350px; vertical-align: top
}
.wp5_img_container {
	border: 1px solid black; width: 350px; height: 530px
}
.wp5_content {
	display: table-cell; vertical-align: top; padding-left: 50px
}


.wp6_img {
	display: table-cell; width: 350px; vertical-align: top; padding-left: 50px
}
.wp6_img_mobile {
	display: none
}
.wp6_img_container {
	border: 1px solid black; width: 350px; height: 530px
}
.wp6_content {
	display: table-cell; vertical-align: top;
}



@media (max-width: 1180px) {
	.swan_logo {
		position: relative; margin-left: 20px; margin-top: -15px; padding-bottom: 20px
	}
	.top_spacer {
		height: 171px
	}
	.footer_logo {
		width: 40%
	}
	
	.footer_group {
		display: block; width: 100% !important; text-align: center
	}
	.copyright {
		display: none
	}
	.copyright_mobile {
		display: block
	}
}

@media (max-width: 1024px) {
	.menu_container_tbl {
		padding-top: 20px; padding-bottom: 20px
	}
	.top_spacer {
		height: 73px
	}
	.desktop_menu {
		display: none
	}
	.mobile_menu {
		display: block
	}
	.hp_txt {
		font-size: 24px; padding-top: 35%; line-height: 40px
	}
	
	.wp_btn {
		display: block; margin-top: 20px; width: 100%
	}
	.wp_btn_spacer {
		display: none
	}
}


@media (max-width: 850px) {
	.menu_txt {
		margin-left: 0px
	}
	.img_title {
		width: 100%
	}
	.hp_img {
		width: 100%; padding-bottom: 50%; display: block; border: 0 !important; border-bottom: 2px solid #fff !important
	}
	.hp_img_link {
		width: 100%; padding-bottom: 0; height: auto;  display: block; overflow: hidden
	}
	.hp_img_link_inner {
		display: table; width: 100%; height: auto; border: 1px solid #fff; margin-bottom: 20px; padding: 20px
	}
	
	
	.wp2_img {
		display: block; width: 450px
	}
	.wp2_content {
		display: block; padding-left: 0px; width: 100%; margin-top: 20px
	}
	
	.wp3_img {
		display: none
	}
	.wp3_img_mobile {
		display: block
	}
	.wp3_content {
		display: block; padding-right: 0px; margin-top: 20px
	}
	
	.wp6_img {
		display: none
	}
	.wp6_img_mobile {
		display: block
	}
	.wp6_content {
		display: block; padding-right: 0px; margin-top: 20px
	}
	
	.calendar_banner_img {
		width: 100%
	}
	.banner_title {
		font-size: 24px
	}
	.calendar_img {
		display: block; width: 100%
	}
	.calendar_content {
		display: block; padding-left: 0px; margin-top:20px
	}
	
	
	.wp4_tbl {
		padding-bottom: 30px
	}
	.wp4_cell {
		display: block; width: 100%
	}
	.wp4_btn {
		margin-bottom: 20px
	}
	.wp4_spacer {
		display: none
	}
	.wp4_horizontal_spacer {
		display: none
	}
	
	
	
	.wp5_img {
		display: block; width: 100%
	}
	.wp5_img_container {
		border: 1px solid black; width: 350px; height: 500px
	}
	.wp5_content {
		display: block; padding-left: 0px; margin-top: 20px
	}
	
	.footer_logo {
		display: block; width: 100%;
	}
	
	
}

@media (max-width: 550px) {
	.about_list_cell2 {
		display: block; width: 100%; padding: 0px
	}
	.about_list_cell {
		display: block; width: 100%; padding: 2px
	}
	.about_list_cell_spacer {
		display: block; width: 100%; padding: 2px
	}
	
	.wp1_btn {
		display: block; width: 100%; margin-bottom: 20px
	}
	.wp1_spacer {
		display: none
	}
	
	.wp2_img {
		width: 100%
	}
	.wp2_img_container {
		width: 100%
	}
	
	.wp3_img {
		width: 100%
	}
	.wp3_img_container {
		width: 100%
	}
	
	.wp6_img {
		width: 100%
	}
	.wp6_img_container {
		width: 100%
	}
	
	.wp5_img_container {
		width: 100%
	}
	
	.footer_group {
		padding:0; margin-bottom: 20px
	}
	
}