.site{
    width: 100%;
}

.site-branding {
   width: 470px;
} 

@media only screen and (max-width: 768px) {
  .site-branding {
        width: 100vw;
    }
}

.site-title{
   font-size: 2em;
}

a {
    color: #5d7ab8;
}

#masthead{
    background-color: rgba(47, 73, 127, 0.8);
}

.hero {
    background-color: rgba(47, 73, 127, 0.8);
}

.main-navigation .menu-item .dropdown-toggle:hover, .hero-image .main-navigation .menu-item .dropdown-toggle:hover{
   background-color: #bcc9e6;
}

.hero-wrapper{
    text-transform: uppercase;
    text-shadow: none;
}

.hero .page-title, .hero .hentry h1{
   display: inline;
   background-color: rgba(255, 255, 255, 0.95);
   color: #5d7ab8;
   padding: 5px;
   line-height: 2em;
}

.hero .page-title, .hero .taxonomy-description{
  text-align: left;
}

.hero-wrapper p{
   display:inline;
   color: #2f497f;
   letter-spacing: 2px;
   background-color: rgba(255, 255, 255, 0.95);
   line-height: 1.3em;
}

.menu-primary .sub-menu {
 border: #2f497f;
}

.main-navigation ul ul li {
    border-bottom: 1px solid #2f497f;
}
.main-navigation ul ul a {
 background-color: rgb(93, 122, 184);
 border: none;
}

.main-navigation ul ul a:hover {
 background-color: #2f497f;
}