/* CSS Document */

body {
	background-color:#3C3C3C;
    font-family: Bahnschrift, sans-serif;
	color:white; font-weight:200; font-size:0.99em;}
ul.topnav {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;}
ul.topnav li {float: left;}
ul.topnav li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;}
ul.topnav li a:hover:not(.active) {background-color:#F49600;}
ul.topnav li a.active {color:black;background-color: #F49600;}
ul.topnav li.right {float: right;}
@media screen and (max-width: 600px) {
  .nav-text {
    display: none;}
}
H1{font-family: Bahnschrift, sans-serif;
	color:white; font-weight:220; font-size:3em;
	font-variant: small-caps;
	text-shadow: 3px 3px 12px #080808;}	
H2{font-family: Bahnschrift, sans-serif;
	color:white; font-weight:10; font-size:2em;
	font-variant: small-caps;
	text-shadow: 3px 3px 12px #080808;}	
H3{font-family: Bahnschrift, sans-serif;
	color:white; font-weight:10; font-size:1em;}
a:link, a:visited {color:black; font-weight:300; text-decoration:none; font-size:0.99em;}
a:hover {border-color:#F49600;}	
a.one:link, a.one:visited {color:white; font-weight:300; text-decoration:none; font-size:0.99em;}	
a.one:hover {text-decoration: underline;}
.hr{ border: 1px solid #F49600;}
.header {
    background-size: contain;
	background-repeat:no-repeat;
	background-position: center;
	color:white;
	opacity: 0.8;
	padding: 14px 14px;
    text-align: justify;
	font-family:roboto, sans-serif;
	margin:auto;
    max-width: 1920px;
	height: 120px;}

.bc {
	background-color:#ffffe6;
	border-style: solid;
    border-width: 1px;
	border-color:black;
	border-radius: 2%;
	text-align:center;
	color:black; font-weight:300; font-size:0.99em;
    margin:auto;
	max-width:480px;}
.ca {
	padding: 2px 2px;
	background-color:#3C3C3C;
	border-style: solid;
    border-width: 1px;
	border-color:black;
	border-radius: 2%;
	text-align:center;
    margin:auto;
	max-width:1200px;}	
	
@media screen and (max-width: 600px) {
  .img2 {width:100%; height:auto;}}

.bc:hover  {
  opacity: 0.8;
  background-color:#F49600;
  color:white;}	

.bd {
	background-color: #333;
	color:white; font-weight:300; font-size:0.9em;
	text-align:center;
    margin:auto;
	max-width:920px;
	padding:20px 5%;}
#be {
  flex-grow: 2;
   max-width:920px;}

#footer {
	line-height:20px;
	font-family:Bahnschrift, sans-serif;
    background-color: #333;
    color:white;
	opacity: 0.8;
	filter: alpha(opacity=80); /* For IE8 and earlier */
    clear:both;
    text-align:center;
    padding:20px 5%; 
	margin: auto;
    max-width: 1920px;}
.img {
	margin: 0px 0px -2px 0px;}
.img1 {
	border-width: 1px;
	border-radius: 50%;
	max-width: 50px;}
.img2 {
	border-radius: 2%;
	max-width: 600px;
	overflow: hidden;}
.img2:hover  {
  opacity: 0.8;
  background-color:#F49600;
  border-color:#800000;}	
.img3 {
	border-radius: 3%;
	max-width: 150px;}
.img3:hover  {
  opacity: 0.7;
  background-color:#F49600;
  border-color:#800000;}	
.img1:hover  {
  opacity: 0.95;
  background-color:green;}	
.flex-container {
  display: flex;
  flex-wrap: wrap;
  background-color: #333;
  justify-content: center;}
.flex-container > div {
  margin: 1px;
  text-align: center;
  font-family:Bahnschrift;
  }
.clearfix::after {
  content: "";
  clear: both;
  display: table;}