/*

Site container

*/

.container {

margin-left: auto;
margin-right: auto;
width: 615px;

}

.content-container {

margin-bottom: 4rem;

}

/48em/

@media (max-width: $container-responsive-width) {

.container {
  width: 90vw;
}

}

/*

Header

*/

.header {

padding-top: 0.5rem;
padding-bottom: 0.5rem;
margin-bottom: 4rem;
font-family: $sans-serif-font-family;

}

.header a:hover {

color:black;

}

.header-title a {

font-size: 2rem;
text-decoration: none;
color: $body-color;

}

.header-subtitle {

color: $light-gray-color;

}

/*

Menu

*/

.menu {

padding-top: 0.5rem;
display: block;

}

.menu-content {

float: left;

}

.menu-content a {

color: $light-gray-color;
font-size: 1rem;
padding-right: 10px;

}

.social-icons {

float: right;

}

.social-icons a {

color: $light-gray-color;
font-size: 1rem;

}

@media (max-width: $elements-responsive-width) {

.social-icons {
  float: left;
  padding-top: 0px;
}
.menu-content {
  margin-bottom: 5px;
}

}

/*

Footer

*/

.footer {

color: $light-gray-color;
text-align: center;
margin: 2rem;

}

.footer a {

color: $light-gray-color;
padding: 10px;
text-decoration: none;

}

.footer a:hover {

color: $dark-gray-color;

}

.footer-description {

display: block;
margin-top:3px;
margin-bottom: 1rem;
color: $light-gray-color;
font-family: $sans-serif-font-family;
font-size:0.8rem;

}