body {
  background-color: #f0ece1; 
  font-family: 'Lato', sans-serif;
}

h1 {
	color: #fff;
	margin: 0 auto;
	text-align: center;
	padding: 5px;
	width: 100%;
 }

#navbarNavAltMarkup{
background: #ffffff;
 }

li { list-style: none; }

a { text-transform: capitalize; }

a:hover {
  color: orange;
  text-decoration: none;
}

/* LANDING PAGE */
#brand {
  background-image: linear-gradient(rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.25)),url("../images/Jesus_Longa.jpg") ;
  background-size: cover;
  background-position: center;
	color: #ffffff;
  width: 100%;
}

.shade {
  text-shadow: 0px 4px 3px rgba(0,0,0,0.7),
               0px 8px 13px rgba(0,0,0,0.3),
               0px 18px 23px rgba(0,0,0,0.3);
}

.news {width: 18rem;}

/* LOGIN PAGE  */

#loginForm {
	width: 20%;
	margin: 20px auto;
}

#loginPageH1 {
	margin-top: 10%;
	text-align: center;
}

#submitLogin { margin-top: 15px; }

/* READ LISTS */
.banner {
	background: #6c757d;
	color: #ffffff;
	text-align: center;
	width: 100%;
 }

.pink {
	background: pink;
}

.red {
	border: 2px solid red;
}

/* TEXT FEATURES */
.strikeOut{
	color: #2a7892;
	text-decoration: line-through;
}

.redText {
	color: red;
}

.uppercase {
	text-transform: uppercase;
}

/* SIDE NAVIGATION FEATURE */
.sidenav {
  height: 100%;
  width: 0;
  position: fixed;
  z-index: 1;
  top: 0;
  left: 0;
  background-color: rgb(121, 122, 122);
  overflow-x: hidden;
  transition: 0.5s;
  padding-top: 40px;
}

.sidenav a {
  padding: 4px 4px 4px 28px;
  text-decoration: none;
  font-size: 16px;
  color: #f0ece1;
  display: block;
  transition: 0.3s;
}

.sidenav a:hover {
  color: #f88417;
}

.sidenav .closebtn {
  position: absolute;
  top: 0;
  right: 25px;
  font-size: 20px;
  margin-left: 30px;
}

@media screen and (max-height: 450px) {
  .sidenav {padding-top: 15px;}
  .sidenav a {font-size: 18px;}
}