.jumbotron{
  text-align: center;
{
  padding: 0;
  margin: 0;
  font-family: sans-serif;
}
.menu-bar{
  background-image: linear-gradient(to right, #b60000, #c50000);
}
.nav-link{
  font-size: 16px;
  color: #fff !important;
  margin: 2px;
}
.navbar-nav{
  text-align: center;
}
.menu-bar .navbar-toggler{
  padding-right: 0;
  outline: none;
  border: none;
}

/* Header navigation */
.head{
  background: rgba(0, 0, 0, 0.0);
<<<<<<< HEAD
  position: sticky;
  top: 25px;
}
/* Active navigation icons on-hover */
#nav-icons a:hover{
  color: rgba(255,0,255, 1.0);
}
#nav-icons{
  color: rgba(255,255,255, 1.0);
  width: 100%;
}
=======
  position: -webkit-sticky;
  top: 5px;
}

>>>>>>> 9997c192a77692c6c63d9f7d0bd6f2f885503111
/* my photo */
.img-thumbnail{
  width: 200px;
  margin: 0.1em;
}
figure.amb figcaption{
  color: rgb(195, 0, 0);
  font-size: 0.8em;
  background-color: rgba(255, 0, 0, 0);
  text-align: center;
  width: 100%;
}
/* Links icons  */
li {
  list-style: none;
  display: inline;
  justify-content: space-between;
  width: 100%;
  height: 100%;
}
li a {
  color: rgb(255, 255, 255);
  padding: 20px 30px;
}
/* thumbs up icon from fontawesome*/
#thumbs-up{
  text-align: left;
}
/* change icon color on-hover */
#social-link a:hover {
  color: rgba(0, 255, 0, 1.0);
}
/* Youtube video:What is �ternity? */
.resposive-vid{
  position: relative;
  padding-bottom: 40.25%;
  padding-top: 25px;
  height: 100%;
  width 100%;
}
.iframe-resposive{
	position: absolute;
	top:0;
	left: 0;
	height: 100%;
	width: 100%;
	opacity: .8;
}

#footer{
  background-image:linear-gradient(to right,rgb(177, 0, 0),#9e0000);
  color:#fff;
  margin-top: 70px;

}