body {
  padding: 0;
}

#main {
  float: right;
  width: calc(100% - 300px);
}

nav {
  background: #343131;
  width: 300px;
}

nav>h2,
nav>h3,
nav>ul {
  padding: 0 1.618em;
}

.icon-house {
  font-size: 0.8em;
  vertical-align: middle;
  padding-bottom: 5px;
}

.align-text {
  color: #fcfcfc;
}

.home-link,
.home-link:link,
.home-link:visited,
.home-link:hover {
  font-weight: 700;
  /* margin-bottom: 0.809em; */
  width: 100%;
  text-align: center;
}

.search-field {
  background: #2980b9;
  padding: 0.809em;
}

nav>h3 {
  color: #2980b9
}

h4.name {
  background: #2980b9;
}



nav>h2>a,
nav>h2>a:link,
nav>h2>a:visited {
  color: white !important
}

nav>ul>li>a,
nav>ul>li>a:link,
nav>ul>li>a:visited,
nav>ul>li>a:hover,
nav>ul>li>a:active,
nav>ul>li>ul>li>a,
nav>ul>li>ul>li>a:hover,
nav>ul>li>ul>li>a:active,
nav>ul>li>ul>li>a:link,
nav>ul>li>ul>li>a:visited {
  color: white
}



footer {
  margin-left: 300px
}

nav #nav-search {
  margin: 0;
}

input#nav-search {
  width: 100%;
  border-radius: 50px;
  padding: 0;
  border-color: #2980b9;

}