body {
	font-family: 'Open Sans', sans-serif, Verdana, Geneva, sans-serif;
	font-size: 18px;
	text-align:left;
	background-image:  url(../images/background2.png);
	background-repeat:no-repeat;
    background-attachment:fixed;
    background-position:center center;
	-webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background2.png', sizingMethod='scale');
    -ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/background2.png', sizingMethod='scale')";
	
	
}


div#navilogo {float:left;}

div#navibar {float:left;margin-left:150px;margin-top:50px}

div#header {margin:20px auto;max-width:1000px;}

div#topimage {text-align:center;margin-left:auto;margin-right:auto;margin-bottom:-30px;z-index:9000;}

div#main {padding:10px;text-align:left;margin-left:auto;margin-right:auto;max-width:1000px;background:rgba(0,0,0, 0.0);}
div#footer {
   padding:10px 30px;
   text-align:right;
   width:100%;
   height:100px;   /* Height of the footer */
   background:transparent;
   opacity: 0.5;
   color:#FFFFFF;
}

h1 {font-family: "Times New Roman", Times, serif; font-weight:600;  font-size: 30px; font-style:italic; color:#AB8C0A;}

h2 {font-family: sans-serif;font-weight:600;}

a {
  color: #FFFFFF;
}

.narrow {
width:500px;
}
.wide {
width:800px;
}


.wide img{
  padding: 5px;
  }

.center {
text-align:center;
padding: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
}

.nav {font-size:20px;font-family: sans-serif;font-weight:400;}

.flex-container {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  background-color: #FFFFFF;
  padding-top:-10px;
}

.flex-container > div {
  background-color: #FFFFFF;
  width: 370px;
  margin: 20px;
  text-align: center;
  font-size: 20px;
  color: #FFFFFF;

}

@media (max-width: 1000px) { 

* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

div#topimage {margin-bottom:0px!important;}

div#navilogo {float:none;margin-left:auto;margin-right:auto; text-align: center;}

div#navibar {float:none;clear:both;margin:10px!important;}

p {
   
   font-size:16px!important;
}


	
img{
  max-height:80%!important;
  width:80%!important;
  padding: 0px;
  border: 0; 
  
}

}