.navbar-default {
	background-color:#323232;
	border-color:#ffffff;
	color:#ffffff;
}

.navbar-default .navbar-brand {
	color:#ffffff;
}

.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
	color:#F7A21C;
	background-color: transparent;
}

.navbar-default .navbar-nav > li > a {
	color:#ffffff;
}	

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	color:#ffffff;
	background-color:#F7A21C;
}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	color:#F7A21C;
	background-color: transparent;
}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	background-color:#F7A21C;
	color:#ffffff;
}

hr {
	border: 3px solid #F7A21C;
}

.jumbotron {
	background-image: url('../images/banner.png');
	background-size: cover;
	background-repeat: no-repeat;
	width: 100%;
	min-height: 800px;
	margin-top: 0px;
	margin-bottom: 0px;
    color:#ffffff;	
}

u {
    text-decoration: underline;
}

.section {
	text-align:center;
}

.responsive {
	max-width: 100%;
	height: auto;
}

.copy {
	text-align:center;
}

#margin {
	margin-top: 100px;
}

.video-container {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
}

.video-container iframe {
	position: absolute;
	width: 100%;
	height: 100%;
}

.top-text {
	text-align: center;
}

.covid-image img {
	box-shadow: 15px 15px 5px grey;
}

.hovereffect {
width:100%;
height:100%;
float:left;
overflow:hidden;
position:relative;
text-align:center;
cursor:default;
}

.hovereffect .overlay {
width:100%;
height:100%;
position:absolute;
overflow:hidden;
top:0;
left:0;
opacity:0;
background-color:rgba(0,0,0,0.5);
-webkit-transition:all .4s ease-in-out;
transition:all .4s ease-in-out
}

.hovereffect img {
display:block;
position:relative;
-webkit-transition:all .4s linear;
transition:all .4s linear;
box-shadow: 15px 15px 5px grey;
}

.hovereffect h2 {
text-transform:uppercase;
color:#fff;
text-align:center;
position:relative;
font-size:17px;
background:rgba(0,0,0,0.6);
-webkit-transform:translatey(-100px);
-ms-transform:translatey(-100px);
transform:translatey(-100px);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
padding:10px;
}

.hovereffect a.info {
text-decoration:none;
display:inline-block;
text-transform:uppercase;
color:#fff;
border:1px solid #fff;
background-color:transparent;
opacity:0;
filter:alpha(opacity=0);
-webkit-transition:all .2s ease-in-out;
transition:all .2s ease-in-out;
margin:50px 0 0;
padding:7px 14px;
}

.hovereffect a.info:hover {
box-shadow:0 0 5px #fff;
}

.hovereffect:hover img {
-ms-transform:scale(1.2);
-webkit-transform:scale(1.2);
transform:scale(1.2);
}

.hovereffect:hover .overlay {
opacity:1;
filter:alpha(opacity=100);
}

.hovereffect:hover h2,.hovereffect:hover a.info {
opacity:1;
filter:alpha(opacity=100);
-ms-transform:translatey(0);
-webkit-transform:translatey(0);
transform:translatey(0);
}

.hovereffect:hover a.info {
-webkit-transition-delay:.2s;
transition-delay:.2s;
}

/* COVID RELIEF */

.covid-head {
	color: #000;
	padding-top: 100px;
}

.brighten {
	margin-bottom: 30px;
}

.brighten img {
-webkit-filter: brightness(50%);
-webkit-transition: all 1s ease;
-moz-transition: all 1s ease;
-o-transition: all 1s ease;
-ms-transition: all 1s ease;
transition: all 1s ease;
box-shadow: 15px 15px 5px #808080;
}

.brighten img:hover {
-webkit-filter: brightness(100%);
}

.responsive {
	max-width: 100%;
	height: auto;
}

.overlay h2 {
	color: #fff;
}

/* Centered text */
.centered {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.content {
	margin-top: 100px;
	margin-bottom: 100px;
}

.content h1 {
	text-align: center;
}

/* Footer CSS */
.footer-navigation {
	margin-bottom: 50px;
	text-align: center;
}

ul .links {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-align: center;
}

.links li {
  float: left;
  list-style-type: none;
}

.links li a {
  display: block;
  color: #5A90B7;
  text-align: center;
  padding: 16px;
  font-size: 17px;
}

.container-footer {
	margin-top: 50px;
}

/* ----------------------------------------------- ADDED CSS --------------------------------------- */

/* FREE DOWNLOADS */

#header {
  background: url(../images/head_img.jpg) center center / cover no-repeat ;
  height: 250px;
  padding-top: 85px;
}

.main_books {
	text-align: center;
}

.language {
	text-align: center;
	margin-top: 20px;
	margin-bottom: 30px;
	color: #C99A00;
}

.responsive {
	max-width: 100%;
    height: auto;
}

.downloads {
	text-align: center;
	padding-top: 25px;
}

img {
	max-width: 100%;
    height: auto;	
}