body {background-color: #fff; margin:0px;padding:0px;font-family: Helvetica Neue,Helvetica,Arial,sans-serif;	
}
h1 {font-weight: 500;
	letter-spacing: 3px;
	font-size: 3em;
color: #024568;}
h1 span {font-weight: 300;
	letter-spacing: 3px;
color: #024568;}
h2 {font-weight: 500;
	letter-spacing: 2px;
	font-size: 2.5em;
color: #024568;}
p {font-size: 1.3em;
	color: #333;
}
li {font-size: 1.1em;}

.section {padding: 10px;}
  .topnav {
	overflow: hidden;
	background-color: #024568;
	display: flex;
	justify-content: space-between;
  }
  
  .topnav a {
	color: #fff;
	text-align: center;
	text-decoration: none;
  }
  
  .topnav a:hover {
	color: #fff;
  }
  
  .topnav a.active {
	color: #fff;
  }
  .top-logo{max-height: 120px;}
   .sp{padding-left:20px;font-size: 36px; color: #fff;}
   .ph{padding:20px;font-size: 26px;}
   
  .intro {
	text-align: center;
}
.intro p {
	text-align: center;
}
.map {margin-top: 0px;}
.map-intro {margin-top: -5px; margin-bottom: 30px; text-align: center; background: #f1f1f1}
.gallery-intro {
	text-align: center;
	margin-top: -5px;
}
.contact {
	text-align: center;
	/* background-color: #ffffff; */
	color: #045b84;;
	margin: 0px;
	padding-top: 50px;
	padding-bottom: 100px;
	/* background: #045b84; */
	/* background: linear-gradient(0deg,rgba(0, 47, 69, 1) 0%, rgba(2, 73, 99, 1) 100%); */
}
.contact p{
font-size: 24px;
color: #045b84;;
}
.contact a{
font-size: 24px;
color: #045b84;;
}

.img1 {filter: drop-shadow(0px 5px 10px #929292);}
.img2 {filter: drop-shadow(0px -5px 10px #929292);}
.img3 {border: 1px solid #f1f1f1;}
.footer {
	background: #024568;
	color: #fff;
	text-align: center;
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	letter-spacing: 1px;}
	.content {
	max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
	}
	.footer a {
		color: #fff;
		text-align: center;
		text-decoration: none;
	  }
	  
	  .footer a:hover {
		color: #fff;
		text-decoration: underline;
	  }
	  
	  .footer a.active {
		color: #fff;
	  }

 .btn {
  -webkit-border-radius: 5;
	border-radius: 5px;
  color: #ffffff;
  font-size: 16px;
  padding: 10px 20px 10px 20px;
  border: solid #024568 2px;
  text-decoration: none;
  background: #024568;
}
.btn:hover {
  text-decoration: none;
}

.bullets{background: #f1f1f1}
.row {max-width: 1200px;
	margin-left: auto;
	margin-right: auto;
}
* {
  box-sizing: border-box;
}
.column {
  float: left;
  width: 50%;
  padding: 10px;
  /* height: 300px; /* Should be removed. Only for demonstration */ */
}

/* Clear floats after the columns */
.row:after {
  content: "";
  display: table;
  clear: both;
}




@media screen and (max-width: 600px) {
	.sp {display:none;}
	.column {
		width: 100%;
	  }
  }
  
  @media screen and (min-width: 600px) {
	.topnav {
	
	}