#footer
{
  background: #6E9BB1;
  padding: 50px 25px;
  color: #FFF;
}

#footer .constraint
{
  max-width: 1024px;
  margin: 0 auto;
}

#footer .social { margin-bottom: 50px; }
#footer .contactinfo { display: inline-block; }

#footer .entity
{
  margin-bottom: 25px;
  padding-bottom: 25px;
  border-bottom: 1px solid #3E6B81;
}

#footer .entity:last-child
{
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

#footer .title
{
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 10px;
  font-size: 1.15em;
}

#footer .line
{
  font-size: .85em;
}

#footer .line a:hover { color: #3E6B81; }

#footer .icons
{
  margin-top: 25px;
}

#footer .icons a
{
  background-color: #FFF;
  display: inline-block;
  margin: 0 10px;
  padding: 10px;

  border-radius: 100%;
}

#footer .icons a.facebook:hover { background-color: #3B5998; }
#footer .icons a.twitter:hover { background-color: #4099FF; }
#footer .icons a.instagram:hover { background-color: #125688; }
#footer .icons a.pinterest:hover { background-color: #CB2027; }

#footer .icons a:first-child { margin-left: 0; }
#footer .icons a:last-child { margin-right: 0; }

#footer .icons svg
{
  width: 20px; height: 20px;
  fill: #6E9BB1;
}

#footer .icons a:hover svg { fill: #FFF; }

#footer .copy
{
  font-size: .85em;
  text-align: right;
}

@media screen and (min-width: 500px)
{
  #footer .social { float: right; text-align: right; margin-bottom: 25px;}
  #footer .contactinfo { float: left; }
}