body {
  background-image: url('Images/background-img.jpg');
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  min-width: 960px;
  max-width: 1080px;
  margin: auto auto;
  margin-top: 16px;
  font-family: Arial, Helvetica, sans-serif;
}

header {
  box-shadow: 0px 5px 15px;
  background-color: white;
  z-index: 1;
}

#header {
  padding: 10px 10px;
  position: relative;
  font-variant: small-caps;
}

#header ul {
  display: inline;
  color: deepskyblue;
  font-size: 20px;
  vertical-align: 2px;
  padding-right: 10px;
}

#tagline {
  display: inline-block;
  color: skyblue;
}

#tagline h1 {
  color: deepskyblue;
  font-size: 26px;
  margin: 0;
}

#tagline p {
  color: skyblue;
  padding-left: 8px;
  margin: 0;
}

nav {
  background-color: skyblue;
  font-size: 18px;
}

nav ul {
  margin: 0;
  padding: 3px;
  line-height: 32px;
}

nav li {
  display: inline;
  list-style-type: none;
}

.menu_link {
  padding: 5px 10px;
  color: white;
  text-shadow: 0 0 3px grey;
  text-decoration: none;
}

.menu_link:hover {
  background-color: deepskyblue;
  text-shadow: darkgrey;
  box-shadow: 0 0 5px darkgrey;
}

.side_item {
  float: right;
}

nav li.active {
  background-color: dodgerblue;
  text-shadow: darkgrey;
  box-shadow: 0 0 5px darkgrey;
}

#social_bar {
  display: inline;
  float:right;
  padding-left: 100px;
}

#social_bar li a {
  color: white;
  margin: 0 5px;
  text-shadow: 0 0 3px grey;
  text-decoration: none;
}

#facebook:hover {
  color: rgb(85, 26, 139);
}

#twitter:hover {
  color: rgb(85, 172, 238);
}

#youtube:hover {
  color: rgb(205, 32, 31);
}

#social_bar li a i {
  font-size: 28px;
}

.mediaContainer {
  position: relative;
  overflow-y: hidden;
  display: none;
  height: 0;
  transition: height 150ms ease-in-out;
  -webkit-transition: height 150ms ease-in-out;
}

.mediaContainer div {
  overflow-x: scroll;
  white-space: nowrap;
}

.mediaContainer div iframe {
  height: 198px;
  width: 352px;
  margin: 5px 2px;
}

.mediaContainer div div {
  margin: 5px 4px;
}

section {
  background-color: navy;
  background-color: rgba(119, 136, 153, 0.7);
  padding: 16px 64px;
}

section h1 {
  color: white;
}

section p {
  font-size: 16px;
}

section div {
  display: inline-block;
}

section img {
  width: 400px;
  border-style: solid;
  border-width: thin;
  margin: 20px;
  float: right;
}

footer p {
  font-size: 10px;
}

footer img {
  display: inline;
  float: right;
  height: 80px;
  margin: 20px 20px;
}