HTML, BODY { height: 100%; width: 100%; font-family: Comfortaa, Arial; background: url('../images/bg.png'); }

#wrapper { background: #0e3da7; margin: 0 auto; padding: 0; width: 1200px; } 

#logo { margin: 0 auto; padding: 0; display: flex; justify-content: center; align-items: center; padding-top: 85px; padding-bottom: 105px; }

#navigation { display: flex; justify-content: center; align-items: center;  }
#navigation UL { list-style-type: none; margin: 0 auto; padding: 0;}
#navigation UL LI { float: left; margin-right: 38px; }
#navigation UL LI A { display: block; text-decoration: none; color: #000;  border-top: 2px #000 solid; border-bottom: 2px #000 solid; padding: 10px;  }
#navigation UL LI A:HOVER { background: #000; color: #FFF; }
#navigation-active { background: #000; color: #FFF !important; }

#content { min-height: 800px; color: #FFF; padding-left: 30px; padding-right: 30px; padding-top: 70px; }

#footer { text-align: center; color: #FFF; padding-bottom: 50px;}
#footer IFRAME { width: 100%; }
#footer A { text-decoration: none; color: #FFF; }

.footerbox { float: left; width: 200px; color: #FFF; text-align: center; margin-right: 50px; }
.footerbox H4 { color: #ff9900; }

.box { width: 100%; margin-top: 30px; }
.box IMG { width: 400px; border-radius: 50px; border: 5px #ff9900 solid; float: left; margin-right: 25px; }
.box DIV { float: left; margin-top: 20px; width: 700px; font-size: 9pt; font-family: Arial; }
.box H3 { text-align: center; font-size: 14pt; font-weight: bold; }

.photobox { border: 5px #ff9900 solid; margin-right: 10px; margin-bottom: 10px; }