/*
*
* ===  HEADER  ===
*
*/

header { width: auto; }
header #top { overflow: auto; padding: 20px 40px 18px; box-shadow: 0px 0px 15px black; width: 100%; background-color: #fff; top: 0; }
header #top #logo { float: left; }
header #top #logo a { color: #333; }
header #top #logo a:hover { text-decoration: none; }
header #top nav { float: right; }
header #top nav ul { list-style: none; }
header #top nav ul a { display: inline-block; padding-right: 15px; color: #333; }
header #top nav ul a:last-of-type { padding-right: 0; }
header #top nav ul a li { padding: 7px 20px; }
header #top nav ul a.active li { background-color: #333; color: #fff; border-radius: 15px; }
header #top nav ul a.active:hover { text-decoration: none; }
header #header-image { width: 100%; height: 40vh; background-image: url('../images/img1.jpeg'); background-size: cover; background-position: 50% 70%; }