@charset "utf-8";
/* add font-awesome css file */
@import url('https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css');
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
/* CSS Document */

body, html {
    height: 100%;
	min-width: 720pt;
	max-width: 1600pt;
	background-color:white;
	font-family: "Open Sans", sans-serif;
	font-style:normal;
	font-weight:400;
	margin: 0;
}

.column {
	float: left;
	width: 33.33%;
	/*min-width: 200pt;*/	
}
.main_text{
	font-weight:400;
	font-size: 20px;
	margin:10pt;
	/*min-width: 100pt;*/
}
.heading{
	font-weight:600;
	font-size: 27px;
	color:darkblue;
}
.footer{
	font-weight:600;
	font-size: 23px;
	color:darkblue;
}

/* Clear floats after the columns */
.main_layout:after {
  content: "";
  display: table;
  clear: both;
  /*min-height:100px;*/
}

.page_top {
	overflow: hidden;
	background-color:#D6D6D6;
	font-style:normal;
}

/* The hero image */
.hero-image {
  /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
  background-image: linear-gradient(rgba(0, 0, 0, 0.33), rgba(0, 0, 0, 0)), url("../Images/atlantic_station.jpg");

  /* Set a specific height */
  height: 10%;

  /* Position and center the image to scale nicely on all screens */
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: relative;
}

/* Place text in the middle of the image */
.hero-text {
  text-align: left;
  position: absolute;
  top: 5%;
  left: 2%;
  /*transform: translate(-50%, -50%);*/
  color: #D7F6FF;
  font-size: 46px;
  font-weight:800;
}
.logo{
  float: left;
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}
.address{
  float: right;
  font-weight:500;
  font-size: 14px;
  color: black;
  text-align: left;
  padding-top: 14px;
  padding-right: 20px;
  text-decoration: none;
}
.project {
	height:200px;
	width: 200px;
	margin: auto;
	text-align: center;
	color:blue;
}
.navbar {
	overflow: hidden;
	background-color:#D6D6D6;
	font-weight:600;
}

/* Links inside the navbar */
.navbar a {
  float: left;
  font-size: 16px;
  color: black;
  text-align: center;
  padding-top: 40px;
  padding-left: 20px;
  text-decoration: none;
}

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
  font-weight:600;
}

/* Dropdown button */
.dropdown .dropbtn {
  font-size: 16px;
  font-weight:600;
  border: none;
  outline: none;
  color: black;
  padding-top: 40px;
  padding-left: 20px;
  padding-right: 0px;
  background-color: inherit;
  font-family: inherit; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
  background-color:#D6D6D6;
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
  background-color: #D6D6D6;
  color: blue;
}

/* Dropdown content (hidden by default) */
.dropdown-content {
  font-weight:400;	
  display: none;
  position: absolute;
  background-color: #D6D6D6;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a {
  float: none;
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
  background-color: #D6D6D6;
}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
  display: block;
}


.DBheading{
	font-weight:600;
	font-size: 30px;
	background-color:#D6D6D6;
	/*margin:10pt;*/
	/*height:200px;*/
	text-align:center;
	border-radius: 23px 23px 0px 0px;
}

.DBsectionA{
	background-color:#D7F6FF;
}

.DBsectionB{
	background-color:#FCFDF2;
}

.DBsectionheaderL{
	font-weight:600;
	font-size: 24px;
	text-align:left;
	position:relative;
	left:80px;
}

.DBsectionheaderR{
	font-weight:600;
	font-size: 24px;
	text-align:right;
	position:relative;
	right:80px;
}

.DBfooter{
	font-weight:400;
	font-size: 16px;
	margin:0pt;
	/*left: 0;
	bottom: 0;*/
	width: 100%;
	background-color: #D6D6D6;
	color: black;
}

.DBcolumn {
	float:left;
	width: 33.33%;
	height:130px;
	background-color: #D6D6D6;
	/*min-width: 200pt;*/	
}


.address2{
  width:100%;	
  font-weight:500;
  font-size: 14px;
  color: black;
  text-align: center;
  text-decoration: none;
  position:relative;	
  padding-top:16px;	
}

.logo2{
  float:left;	
  color: black;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}