/* Navbar container */
.navbar {
  overflow: hidden;
  background-color: white;
  font-family: Optima;
  font-weight:bold;
  box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
}

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

/* The dropdown container */
.dropdown {
  float: left;
  overflow: hidden;
}

/* Dropdown button */
.dropdown .productbtn {
  font-size: 16px;
  border:none;
  outline: none;
  color: black;
  padding: 45px 16px;
  background-color: inherit;
  font-family: inherit;
  font-weight:bold; /* Important for vertical align on mobile phones */
  margin: 0; /* Important for vertical align on mobile phones */
}

/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .productbtn {
  background-color: #51697d;
}

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

/* Links inside the dropdown */
.products-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 */
.products-content a:hover {
  background-color: #ddd;
}

/* Show the dropdown menu on hover */
.dropdown:hover .products-content {
  display: block;
}
html, body{
  margin:0;
  height:100%;

}
.responsive {
  max-width: 100%;
  height: auto;
}
.products{
  font-family: Optima;
  font-size: 20;
  float: right;
}

.title{
  background-color: #e0e1e7;
  padding:1;
  font-family:Big Caslon;
  font-size: 12;
}
}
.pbody {
margin:0;
padding:0;
border:none;
}
.left-col {
border-right: 1px solid #CCC;
font-family: Optima;
font-size: 20;
}
.left-col,
.right-col {
float:left;
height:90%;
margin:2% 0;
padding:0 16px
}

.page-wrapper{
  min-height:0%;
}
/*FOOTER*/
.footer{
  background:#f6f6f6;
  color:#d3d3d3;
  height: 350px;
  position: relative;


}
.footer .footer-content{
  height: 350px;
  display: flex;
}
.footer .footer-content h1,
.footer .footer-content h2, p{
  color: #4f5462
}
.footer .footer-content .links ul a{
  display: block;
  margin-bottom: 10px;
  font-size: 1.2em;
}

.footer .footer-content .links2 ul a:hover{
  color: blue;
  margin-left:15px;
  transition: all .3s;
}
.footer .footer-content .links2 ul a{
  display: block;
  margin-bottom: 10px;
  font-size: 1.2em;
}

.footer .footer-content .links ul a:hover{
  color: blue;
  margin-left:15px;
  transition: all .3s;
}
.footer .footer-content .footer-section{
  flex: 1;
  padding:25px;

}