h1{
  color: white;
  font-family: gravesend-sans, sans-serif;
  font-weight: 700;
  font-style: normal;
}

h2, h3, #brand, .navbar-brand, .title{
  color: #084C61;
  font-family: josefin-sans,sans-serif;
  font-weight: 700;
  font-style: normal;
}

h4, h5{
  color: #4f6d7a;
  font-family: josefin-sans,sans-serif;
  font-style: normal;
}

body{
  font-family: raleway, sans-serif;
  font-weight: 400;
  font-style: normal;
}

.navbar{
  box-shadow: none !important;
}

#nav-logo{
    max-height: 35px;
    padding: 0;
    background-color: #084C61;
}

#landing-title{
  font-family: gravesend-sans, sans-serif;
  font-weight: 500;
  font-style: normal;
}

.bg-main{
  background-color: #084C61;
  color: #fff;
}

.bg-second{
  background-color: #9F4A54;
}

.bg-3{
  background-color: #4f6d7a;
}

.bg-4{
  background-color: #56a3a6;
}

.card{
  box-shadow: none !important;
}

#bg-none{
  background: transparent;
}

/* Animated Navigation */

.animated-icon1{
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .5s ease-in-out;
-moz-transition: .5s ease-in-out;
-o-transition: .5s ease-in-out;
transition: .5s ease-in-out;
cursor: pointer;
}

.animated-icon1 span{
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: .25s ease-in-out;
-moz-transition: .25s ease-in-out;
-o-transition: .25s ease-in-out;
transition: .25s ease-in-out;
}

.animated-icon1 span {
background: white;
}

.animated-icon1 span:nth-child(1) {
top: 0px;
}

.animated-icon1 span:nth-child(2) {
top: 10px;
}

.animated-icon1 span:nth-child(3) {
top: 20px;
}

.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}

.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}

.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}

a.active {
  color: white !important;
  font-weight: bold;
  border-bottom: 2px solid white !important;
  padding-bottom: 2px;
}

/* HONEYPOT */
input[type="text"]#website { display: none; }