#header {
    background-image:url('../images/');
    background-size: cover;
    background-position: center;
    display: flex;
}

#header img {
    padding-top:50px;
    padding-bottom:50px;
    min-width:100px;
    max-width:400px;
}

#primary-nav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #fff;
}

#primary-nav {
  float: left;
}

#primary-nav a {
    font-size:1.0em;
    background-color:#fff;
    display: block;
    color: #0f1360;
    text-align: center;
    padding: 10px 10px;
    text-decoration: none;
    transition: background-color .25s ease-in-out;
    -moz-transition: background-color .25s ease-in-out;
    -webkit-transition: background-color .25s ease-in-out;
    margin-right:5px;
    border-radius: 5px;
    float: left;
}

#primary-nav a:hover {
    background-color: #4b6ee1;
    color: #fff;
    transition: background-color .5s ease-in-out;
    -moz-transition: background-color .5s ease-in-out;
    -webkit-transition: background-color .5s ease-in-out;
    border-radius: 5px;
}

.btn-primary {
    background-color: #4b52e1;
    border:1px #4b57e1 solid;
    color:#073d39;
}

.btn-primary:hover {
    background-color: #3245be;
    border:1px #3245be solid;
    color: #073d39;
}

li {
    margin-bottom:20px;
}

 /* Style the navigation menu */
.topnav {
  overflow: hidden;
  background-color: #333;
  position: relative;
}

/* Hide the links inside the navigation menu (except for logo/home) */
.topnav #myLinks {
  display: none;
}

/* Style navigation menu links */
.topnav a {
  color: white;
  padding: 14px 16px;
  text-decoration: none;
  font-size: 17px;
  display: block;
}

/* Style the hamburger menu */
.topnav a.icon {
  background: black;
  display: block;
  position: absolute;
  right: 0;
  top: 0;
}

/* Add a grey background color on mouse-over */
.topnav a:hover {
  background-color: #4b5fe1;
  color: #fff;
}

#footer {
    background-color:#000;
    color:#fff;
    padding-top:50px;
    padding-bottom:50px;
    border-top:5px solid #666;
}

 /* Dropdown Button */
.dropbtn {
  background-color: #fff;
  border: none;
  color: black;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.5em;
  margin: 0px 0px;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
  position: relative;
  display: inline-block;
    text-align:left;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
  display: none;
  position: absolute;
  background-color: #f1f1f1;
  min-width: 200px;
  z-index: 1;
}

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

/* Change color of dropdown links on hover */
.dropdown-content a:hover {background-color: #ddd;}

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

/* Change the background color of the dropdown button when the dropdown content is shown */
.dropdown:hover .dropbtn {background-color: #0f1360; color:#fff;}

.button {
  background-color: #fff;
  border: none;
  color: black;
  padding: 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 1.5em;
  margin: 4px 2px;
}

.button:hover {
    background-color: #0f1360;
    color: #fff;
}

.vertical-menu {
  width: 200px; /* Set a width if you like */
}

.vertical-menu a {
  background-color: #eee; /* Grey background color */
  color: black; /* Black text color */
  display: block; /* Make the links appear below each other */
  padding: 12px; /* Add some padding */
  text-decoration: none; /* Remove underline from links */
}

.vertical-menu a:hover {
  background-color: #ccc; /* Dark grey background on mouse-over */
}

.vertical-menu a.active {
  background-color: #676767; /* Add a green color to the "active/current" link */
  color: white;
}

.contact-comments-field {
    height:100px;
}