@charset "utf-8";
/* CSS Document */

.navbar-default {
  background-color: #686669;
  border-color: #4491ad; }
  .navbar-default .navbar-brand {
    color: #ffffff; }
    .navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
      color: #c8f4c2; }
  .navbar-default .navbar-text {
    color: #ffffff; }
  .navbar-default .navbar-nav > li > a {
    color: #ffffff; }
    .navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
      color: #c8f4c2; }
  .navbar-default .navbar-nav > li > .dropdown-menu {
    background-color: #686669; }
    .navbar-default .navbar-nav > li > .dropdown-menu > li > a {
      color: #ffffff; }
      .navbar-default .navbar-nav > li > .dropdown-menu > li > a:hover, .navbar-default .navbar-nav > li > .dropdown-menu > li > a:focus {
        color: #c8f4c2;
        background-color: #4491ad; }
    .navbar-default .navbar-nav > li > .dropdown-menu > li.divider {
      background-color: #4491ad; }
  .navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
    color: #c8f4c2;
    background-color: #4491ad; }
  .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
    color: #c8f4c2;
    background-color: #4491ad; }
  .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
    color: #c8f4c2;
    background-color: #4491ad; }
  .navbar-default .navbar-toggle {
    border-color: #4491ad; }
    .navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
      background-color: #4491ad; }
    .navbar-default .navbar-toggle .icon-bar {
      background-color: #ffffff; }
  .navbar-default .navbar-collapse,
  .navbar-default .navbar-form {
    border-color: #ffffff; }
  .navbar-default .navbar-link {
	color: #ffffff;
	display: inline;
}
    .navbar-default .navbar-link:hover {
	color: #c8f4c2;

}
.navbar-toggle {
	color: #FFFFFF;
}

#banner {
	position: relative;
}


#quote {
	position: absolute;
	color: #FFFFFF;
	font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", sans-serif;
	font-size: 2em;
	text-shadow: 2px 2px 5px rgba(41,40,40,0.90);
	bottom: 4%;
	left: 5%;
}

article img {
	margin: 10px auto;
	display: block;
}

article h2 {
	color: #002f5d;
}

article h2, h4{
	text-align: center;
}
article p {
	text-align: justify;
}

article p a {
	color: aqua;
	text-decoration: underline;
}

article p a:hover{
	color: deeppink;
}

article a {
		color: aqua;
	text-decoration: underline;
}

article a:hover{
	color: deeppink;
}

footer {
	padding: 1em 0;
	background-color: #21221C;
	color: #FFFFFF;
	background-image: -webkit-linear-gradient(270deg,rgba(33,34,28,0.87) 0%,rgba(63,63,63,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(33,34,28,0.87) 0%,rgba(63,63,63,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(33,34,28,0.87) 0%,rgba(63,63,63,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(33,34,28,0.87) 0%,rgba(63,63,63,1.00) 100%);
	font-size: 1em;
	text-align: center;
}

#articles {
	background-color: #3F3F3F;
	color: #FFFFFF;
	background-image: -webkit-linear-gradient(270deg,rgba(88,88,88,1.00) 0%,rgba(63,63,63,1.00) 100%);
	background-image: -moz-linear-gradient(270deg,rgba(88,88,88,1.00) 0%,rgba(63,63,63,1.00) 100%);
	background-image: -o-linear-gradient(270deg,rgba(88,88,88,1.00) 0%,rgba(63,63,63,1.00) 100%);
	background-image: linear-gradient(180deg,rgba(88,88,88,1.00) 0%,rgba(63,63,63,1.00) 100%);
}













@media (max-width : 649px ){
.navbar-default .navbar-nav .open .dropdown-menu > li > a {
	color: #ffffff
	}
.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {
	color: #c8f4c2; 
	}
.navbar-default .navbar-nav .open .dropdown-menu > .active > a, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:hover, .navbar-default .navbar-nav .open .dropdown-menu > .active > a:focus {
	color: #c8f4c2;
	background-color: #4491ad; 
	} 
#banner #quote {
	font-size: 1em;
}

}

@media screen and (min-width:650px) and (max-width:959px){

#banner #quote {
	font-size: 1.5em;
}


}