    @media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5){

  html,
  body{
    width:100%;
    overflow-x:hidden;
	margin: auto;
  }

}
     
	body {
		font-family: 'Readex Pro', Arial, Geneva, sans-serif;
		color:#4a4a4a;
		text-align:center;
		margin: auto;
		overflow-x:hidden;
	}

	p { 
		font-size: 17px;
		line-height: 29px;
		margin-block-start: 18px;
		margin-block-end: 18px;
	}

	p strong {font-weight: 600;}

	ul {
		font-size: 17px;
    	line-height: 30px;
	}


	
		a img {	border:none; }
	
	a { color: #000; }
	 
	 
	a:hover {
	 color: #800020;
	 text-decoration:none;

	 }	

hr { margin: 40px 0px; }

h1 {
	line-height: normal;
	font-size:40px;
	font-weight: 600;
}

h2 {
	line-height: normal;
	font-size: 26px;
	font-weight: 600;
}

h2 a { text-decoration:none !important;}

h2 a:hover { text-decoration:underline !important;}

h3 {
	color:#800020;;
	line-height: 27px;
    font-size: 22px;
	font-weight: 700;
}


	
	.clear{clear:both;}
	
	.outer_container {
		height: 100%;
		width: 100%;
	}
	
	
	.container {
		margin: 0 auto;   
		text-align: left; 
		width: 100%;
	}

	

	img {
	width:100%;	
	}

	.top_header {
		
	float:left;
	width:100%;
	height:auto;	
		
	}
	
	
	
	.logo {
	float:left;
	width:22.5%;
	height:auto;
	margin-left:5%;
	margin-top:30px;
		
	}
	
	.contact_bar {
	float:right;
	width:36.5%;
	height:auto;
	margin-right:5%;
	margin-top:1.5%;
	font-size:18px;	
	text-align:right;
	}

.contact_bar a {
	text-decoration:none;
	font-weight: 500;
	
}

	.contact_bar img{
	width:100%;
	max-width:33px;
	}
	
	.contact_bar a:hover{
	color: #800020;	
	}
	
	
	.nav {
	float:right;
	width:50%;
	height:auto;
	margin-right:5%;
	margin-top:.5%;
	font-size:18px;	
	text-align:right;
	}	
	
	.nav a{
	font-size:18px;	
	text-decoration: none;
	font-weight: 500;
	
	}

.nav a:hover{
	color: #800020;	
	}
	
	.header_image {
		
	float:left;
	width:100%;
	height:auto;
	margin-top:1.5%;
		
	}	
	
	.header_wording {
    float: left;
    width: 100%;
    height: auto;
    margin-top: -26%;
    font-size: 80px;
    color: #FFF;
    position: relative;
    text-align: center;
	}	
	

	.search_bar {
    float: left;
    width: 100%;
    height: auto;
    margin-top: -19%;
    position: relative;
    text-align: center;
	}	

	.search_bar img{
    max-width:27%;
	}

.contact_search_bar {
    float: left;
    width: 92%;
    margin-left: 4%;
    height: auto;
    margin-top: 1.5%;
	margin-bottom: -0.5%;
    position: relative;
    text-align: center;
	}	

	.contact_search_bar img{
    max-width:27%;
	}
	
	.top_search_bar {
    float: left;
    width: 100%;
    height: auto;
    margin-top: 4%;
    position: relative;
    text-align: center;
	}	

	.top_search_bar img{
    max-width:100%;
	}	

.top_search_bar input[type=text] {
    float: left;
    width: 73%;
    height: auto;
    margin-left: 18%;
    margin-top: -12%;
    position: relative;
    background-color: transparent;
    border: none;
    font-size: 0.8vw;
}

.top_search_submit {
    float: left;
    width: 8%;
    height: auto;
    margin-left: 4%;
    margin-top: -11.5%;
    position: relative;
}

	.top_search_submit img{
    max-width:100%;
	}

	
.header_image input[type=text] {
    float: left;
    width: 20%;
    height: auto;
    margin-left: 41%;
    margin-top: -3.1%;
    position: relative;
    background-color: transparent;
    border: none;
    font-size: 1.5vw;
}

.contact_search input[type=text] {
    float: left;
    width: 20%;
    height: auto;
    margin-left: 41%;
    margin-top: -3.1%;
    position: relative;
    background-color: transparent;
    border: none;
    font-size: 1.5vw;
}

	.search_submit {
		float: left;
		width: 5%;
		height: auto;
		margin-left: 36%;
		margin-top: -3.5%;
		position: relative;
	}

	.search_submit img{
    max-width:100%;
	}



	.home_icons {
		
	float:left;
	width:100%;
	height:auto;
	margin-top:3%;
	margin-bottom:3%;
		
	}

.home_icons img:hover {
	opacity: 0.6;
    transition: all 100ms ease;
}

	.home_icon1 {
		
	float:left;
	width:10%;
	height:auto;
	margin-left:18%;
		
	}

	.home_icon2, .home_icon3, .home_icon4 {
		
	float:left;
	width:10%;
	height:auto;
	margin-left:8%;
		
	}	
	
	.home_icon1 img, .home_icon2 img, .home_icon3 img, .home_icon4 img {
		
	width:100%;
		
	}	
	
	
	.planning_container {
		
	float:left;
	width:100%;
	height:auto;
	background-color:#f2e5e8;

		
	}	
	
	.pc_heading {
	letter-spacing: -1px;	
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	font-size:60px;
	margin-top:2%;
	color: #42352e;		
	}

	.pc_text {
	float:left;
	width:43%;
	height:auto;
	margin-left:5%;
	font-size:20px;
	margin-top:3%;
	color: #42352e;
	}

.pc_text p {
	margin-block-start: -4px;
	margin-block-end:28px;
}

	.pc_text img{
		max-width:200px;		
	}	
	
	.pc_image {
		
	float:right;
	width:48%;
	height:auto;
	margin-top:2.5%;
	margin-bottom: 3.5%;
		
	}	
	
	.contact_heading {
		
	float:left;
	width:90%;
	height:auto;
	margin-left:5%;
	font-size:50px;
	margin-top:4%;
	text-align:center;

		
	}

	.contact_icons {
		
	float:left;
	width:100%;
	height:auto;
	margin-top:1.5%;
	margin-bottom:3%;
		
	}

	.contact_icon1 {
		
	float:left;
	width:10%;
	height:auto;
	margin-left:30%;
		
	}

	.contact_icon2, .contact_icon3, .contact_icon4 {
		
	float:left;
	width:10%;
	height:auto;
	margin-left:5%;
		
	}	
	
	.contact_icon1 img, .contact_icon2 img, .contact_icon3 img, .contact_icon4 img {
		
	width:100%;
		
	}	
	

	.content_container {
	float:left;
	height:auto;
	margin-left:5%;
	width:90%;
	margin-top:3%;
	line-height:29px;
		
	}

.content_container a img:hover {
    opacity: 0.6;
    transition: all 100ms ease;
}

	.border {
    float: left;
    height: auto;
    margin-left: 25%;
    width: 50%;
    margin-top: 2%;
    margin-bottom: 0%;
    border-bottom: 1px solid;
	}

	.topnav {
		
	display:none;	
	}




.subnav {
  overflow: hidden;
  background-color: #f2e5e8;
  float:left;
  width:100%;
  height:auto;
  margin-top:-5px;
}

.subnav a {
  float: left;
  display: block;
  color: #111;
  text-align: center;
  padding: 20px 30px;
  text-decoration: none;
  font-size: 20px;
  font-weight: 500;
}

.subnav .active {
  background-color: #800020;
  color: #fff;
}

.subnav .icon {
  display: none;
}

.dropdown {
  float: left;
  overflow: hidden;
}

.dropdown .dropbtn {
  font-size: 20px;  
  font-weight: 500;
  border: none;
  outline: none;
  color: #111;
  padding: 20px 30px;
  background-color: inherit;
  font-family: inherit;
  margin: 0;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f2e5e8;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

.dropdown-content a {
  float: none;
  color: black;
  padding: 6px 28px;
  text-decoration: none;
  display: block;
  text-align: left;
  margin-left: 15px;
}

.dropdown-content span {
  font-size: 20px;  
  font-weight: 900;
  float: none;
  color: black;
  padding: 10px 30px;
  text-decoration: none;
  display: block;
  text-align: left;
  
}


.subnav a:hover, .dropdown:hover .dropbtn {
  background-color: #d9b2bc;
  color: #111;
}

.dropdown-content a:hover {
  background-color: #e6ccd2;
  color: black;
}

.dropdown:hover .dropdown-content {
  display: block;
}

@media screen and (max-width: 760px) {
  .subnav a:not(:first-child), .dropdown .dropbtn {
    display: none;
  }
  .subnav a.icon {
    float: right;
    display: block;
  }
}

@media screen and (max-width: 760px) {
  .subnav.responsive {position: relative;}
  .subnav.responsive .icon {
    position: absolute;
    right: 0;
    top: 0;
  }
  .subnav.responsive a {
    float: none;
    display: block;
    text-align: left;
  }
  .subnav.responsive .dropdown {float: none;}
  .subnav.responsive .dropdown-content {position: relative;}
  .subnav.responsive .dropdown .dropbtn {
    display: block;
    width: 100%;
    text-align: left;
  }
}


/* The Modal (background) */
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 3; /* Sit on top */
  padding-top: 10%; /* Location of the box */
  left: 0;
  top: 0;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  background-color: #fefefe;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
}

/* The Close Button */
.close {
  color: #aaaaaa;
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close:hover,
.close:focus {
  color: #000;
  text-decoration: none;
  cursor: pointer;
}


	.form_label {
	float:left;
	width:90%;
	height:auto;
	font-size:25px;
	margin-top:2%;
	margin-bottom:2%;
	
}

.form_bar {
	float:left;
	width:100%;
	height:20px;
	margin-top:2%;
	margin-bottom:3%;
	background-color:#666666;
	
}



.form_2col input[type=text], .form_3col input[type=text], .form_4col input[type=text]{
	width:90%;
	
}

.form_1col span, .form_2col span, .form_3col span, .form_4col span{
	white-space: nowrap;
	
}

.form_small_input {
	
	max-width:120px !important;
}

.form_1col {
	float:left;
	width:100%;
	height:auto;
	margin-bottom:2%;
	margin-left:1%;
}

.form_2col {
	float:left;
	width:49%;
	height:auto;
	margin-bottom:2%;
	margin-left:1%;
}

.form_3col {
	float:left;
	width:32%;
	height:auto;
	margin-bottom:2%;
	margin-left:1%;
}

.form_4col {
	float:left;
	width:23.5%;
	height:auto;
	margin-bottom:2%;
	margin-left:1%;
}

.form_label2{
	font-weight:600;
	
}

 .form_1col textarea {
	width:95%;
	height:150px;
	 
 }

.form_1col button {
    background-color: #800020;
    color: #FFF;
    border-radius: 6px;
    width: 195px;
    height: 35px;
    cursor: pointer;
	font-family: 'Readex Pro', Arial, Geneva, sans-serif;
    font-size: 16px;
}


.table_fees {
	border-collapse: collapse;
	border: 1px solid #bfbfbf;
}

.table_map {
	font-size: 14px;
    line-height: 19px;
	margin: 16px 32px 16px 0px;
}

.table_map img {
	border-width: 1px; 
	border-style: solid;
    border-color: #bfbfbf;
}

#footer_bg {
	float: left;
    width: 100%;
    height: auto;
	padding-top: 2%;
    background-color: #e5e5e5;
    /*-- min-height: 200px; --*/
}

#footer_container {
    float: left;
    width: 80%;
    height: auto;
    margin-left: 10%;
    margin-bottom: 40px;
    font-size: 14px;
    line-height: 22px;
}

#footer_container a {
	color: #262626;
}

#footer_logobar {
	width: 100%;
	float:left;
	height:auto;
	text-align: left;
}

#footer_col1 {
    float: left;
    width: 45%;
    height: auto;
    text-align: left;
}

#footer_logobar img { opacity: 0.7; }
#footer_col3 img { max-width: 33px; vertical-align: middle; margin-bottom:7px; opacity: 0.9; }
#footer_col3_mobile img { max-width: 33px; vertical-align: middle; margin-bottom:7px; opacity: 0.9; }

#footer_col2 {
    float: left;
    width: 14%;
    height: auto;
    text-align: left;
    margin-left: 0%;
}

#footer_col3 {
	display: block;
    float: right;
    width: 20%;
    height: auto;
    text-align: right;
	margin-top: -24px;
}

#footer_col3_mobile {
	display: none;
    float: right;
    width: 32%;
    height: auto;
    text-align: right;
}




/* Float cancel and delete buttons and add an equal width */
.cancelbtn-confirm, .deletebtn-confirm {
  float: left;
  width: 10%;
	cursor: pointer;
	border: none;
	padding: 4px 14px;
	margin: 4px 0px;
	opacity: 0.9;
}

.cancelbtn-confirm:hover, .deletebtn-confirm:hover {
  opacity:1;
}

/* Add a color to the cancel button */
.cancelbtn-confirm {
  background-color: #f2f2f2;
  color: black;
	margin-left:45%;
}

/* Add a color to the delete button */
.deletebtn-confirm {
  background-color: #f2f2f2;
	margin-left:4%;
}

/* Add padding and center-align text to the container */
.container-confirm {
  padding: 0.1% 3% 1.1% 3%;
  text-align: center;
}

.container-confirm a { 
	font-weight: bold;
	color: #f2f2f2;
}

.container-confirm a:hover { 
	text-decoration: underline;
}

/* The Modal (background) */
.modal-confirm {
  /* display: none;  Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 8; /* Sit on top */
  left: 0;
  bottom: 0;
  width: 100%; /* Full width */
  /* height: 100%;  Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: none;
}

/* Modal Content/Box */
.modal-content-confirm {
	width: 100%;
	border-top: 2px solid white;
}

/* Style the horizontal ruler */
hr-confirm {
  border: 1px solid #f1f1f1;
  margin-bottom: 25px;
}
 
/* The Modal Close Button (x) */
.close-confirm {
  position: absolute;
  right: 35px;
  top: 15px;
  font-size: 40px;
  font-weight: bold;
  color: #f1f1f1;
}

.close-confirm:hover,
.close-confirm:focus {
  color: #f44336;
  cursor: pointer;
}

/* Clear floats */
.clearfix-confirm::after {
  content: "";
  clear: both;
  display: table;
}


@media only screen and (max-width: 760px){
.cancelbtn-confirm, .deletebtn-confirm { width: 90%; }
.cancelbtn-confirm { margin-left:5%; }
.deletebtn-confirm { margin-left:5%; }
}

@media only screen and (min-width: 761px) and (max-width: 1365px) {
.cancelbtn-confirm, .deletebtn-confirm { width: 30%; }
.cancelbtn-confirm { margin-left:35%; }
.deletebtn-confirm { margin-left:4%; }
}






/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (max-width: 760px)  {
	
	
h1 {
	font-size:28px;
	}
	
	
.logo {
    width: 100%;
    margin-left:0%;
	text-align:center;
}	
	
.logo img{
    max-width:300px;

}	
	
	
	.nav, .top_search_bar {

    display:none;
}

	.contact_bar {
	width:100%;
	margin-top: 4%;
	}
	
	.contact_bar a {
	text-decoration:none;
	font-weight: 500;
	
}
	
.search_bar img {
    max-width: 60%;
}

	.search_submit img{
    max-width:100%;
	}	
	

.header_wording {

    font-size: 8vw;
	margin-top: -30%;

}

.pc_heading {

    font-size: 7.5vw;
}

.pc_text  {

    width:90%;
}

.pc_text p {

    font-size: 3.5vw;
	line-height:normal;
}

.pc_text img {
    max-width:150px;
}

.pc_image {
	
	display:none;
}


.contact_heading {

    font-size: 5vw;

}	
	
.search_submit {
    width: 6%;
    margin-left: 22%;
    margin-top: -8%;
    min-height: 50px;
}	
	
	
	
.header_image input[type=text] {
    margin-top: -7.5%;
    font-size: 3.5vw;
	width: 39%;
    margin-left: 32%;	
	
}
	
.home_icon1 {
    width: 20%;
    margin-left: 3%;
}

.home_icon2, .home_icon3, .home_icon4  {
    width: 20%;
	margin-left: 4%;

}

.contact_icon1 {
    width: 20%;
    margin-left: 16%;
}

.contact_icon2, .contact_icon3 {
    width: 20%;
}


.topnav {
  overflow: hidden;
  background-color: #666666;
  position: relative;
  display:block;
  float:left;
  width:100%;
  height:auto;
  min-height:20px;

}

.topnav #myLinks {
  display: none;
}

.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
  min-height:20px;
}

.topnav a.icon {
  background: #000;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

.topnav a:hover {
  background-color: #ddd;
  color: black;
}
	
	.top_mobile { display:block;}

.active {
  background-color: #000;
  color: white;
}
	
.form_1col, .form_2col, .form_3col, .form_4col {
	width:100%;
	margin-bottom:15px;
}	


	
#footer_col1 {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
	margin-left: 0%;
}
	
#footer_col2 {
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 10px;
	margin-left: 0%;
}
	
#footer_col3 {
	display: none;
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 70px;
	margin-left: 0%;
}
	
#footer_col3_mobile {
	display: block;
    float: left;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 10px;
    margin-bottom: 70px;
	margin-left: 0%;
}
	
	#footer_logobar { text-align: center; margin-top:8%; }
	


}	


/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
	
@media only screen and (min-width: 761px) and (max-width: 1365px)  {
	
	h1 {
		font-size: 30px;
	}
	
.logo {
    width: 28%;
	margin-top: 2.2%;
	margin-left:4%;
}	
	
	
	.nav {

    font-size: 1.3vw;
	width:58%;
	margin-top: 0px;
	margin-right:4%;
}

	.nav a{
    font-size: 1.4vw;
}

.contact_bar {
    font-size: 1.4vw;
    width: 58%;
	margin-right:4%;
	margin-top:0.8%;
}
	
	.contact_bar img {
		max-width: 26px;
	}
	
	.top_search_bar img {
    max-width: 100%;
}
	
	.subnav a {
  font-size: 1.1vw;
  padding: 14px 16px;
}

.dropdown .dropbtn {
  font-size: 1.1vw;
  padding: 14px 16px;
}
	
.dropdown-content span {
  font-size: 1.1vw;
}
	
	.dropdown-content a {
		margin-left:0px;
	}
	

.header_wording {

    font-size: 5vw;

}

.pc_heading {

    font-size: 4.5vw;
}

.pc_text p {

    font-size: 1.5vw;
	line-height:normal;
}

.pc_text img {
    max-width: 150px;
}


.contact_heading {

    font-size: 4vw;

}	
	
.header_image input[type=text] {

    margin-top: -3.5%;
	font-size:1.9vw;

}

.top_search_bar input[type=text] {
    width: 73%;
    margin-left: 18%;
    margin-top: -12%;
    font-size: 1vw;
}

.top_search_bar {
    float: right;
    width: 64%;
    margin-top: 0%;
}

.form_1col span, .form_2col span, .form_3col span, .form_4col span{
	font-size:1.3vw;
	
}


.content_container {
/* line-height:normal; */
	
}
	
	
#footer_container {
    width: 82%;
    margin-left: 8%;
    margin-bottom: 40px;
    font-size: 12px;
    line-height: 20px;
}

#footer_col1 {
    width: 31%;
}


#footer_col2 {
    float: left;
    width: 15%;
    margin-left: 6%;
}

#footer_col3 {
	display: block;
    float: right;
    width: 27%;
}
	
#footer_col3_mobile {
    display: none;
}
	
	
}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */


@media only screen and (min-width: 1366px) and (max-width: 1919px)  {
	
	
	
	.contact_bar {

		font-size:1vw;
		width: 42%;
		margin-top: 1.4%;
	}	
	
	
	.nav {
    font-size: 1vw;
	width:46%;
	margin-top:0px;
}

	.nav a{

    font-size: 1.1vw;
}
	
	.subnav a {
  font-size: 1.1vw;
}

.dropdown .dropbtn {
  font-size: 1.1vw;
}
	
.dropdown-content span {
  font-size: 1.1vw;
}


.header_wording {
	font-size: 4.5vw;
	margin-top:-24%;
	}
	.search_bar {
		margin-top:-16%;
	}
	
.pc_heading {

    font-size: 3.1vw;
}
	
.pc_text {
	width:45%;
}

.pc_text p {

    font-size: 1.0vw;
	line-height:1.5vw;
}

.contact_heading {
	font-size: 3.2vw;
    letter-spacing: -1px;
	margin-top: 3.5%;
}	
	
.top_search_bar input[type=text] {

    margin-top: -12%;
    font-size: 1vw;
}	
	

	#footer_container {
		margin-left:5%;
		width:90%;
	}
	
	#footer_col1 { width: 45%; }
	#footer_col2 { width: 14%; margin-left:0%; }
	#footer_col3 { width: 27%; }
	

	
	
}

