@charset "utf-8";
/* CSS Document */
.altdisplay {
    display:inline;
}

#flex-container {
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-align-content: center;
    -ms-flex-line-pack: center;
    align-content: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 0;
    margin: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-flow: row wrap;
    justify-content: space-around;
    border-radius: 15px;
}
#flex-container60 {
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  text-align:center;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-flow: row wrap;
  justify-content: space-around; 
  border-radius: 15px;}

#flex-container > flex-header {
  height:auto;
  background-color: 00a3e0;
  font-size: 3em;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  -webkit-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: inherit;
  -ms-flex-item-align: inherit;
  align-self: inherit;
  padding: 5px;
  z-index: 1000;
}

#flex-container > flex-header2 {
 margin: 4px;
 height:auto;
 font-size: 1em;
 text-align: center;
 -webkit-order: 2;
 order: 2;
 -webkit-flex: 0 1 auto;
 -ms-flex: 0 1 auto;
 flex: 0 1 auto;
 -webkit-align-self: inherit;
 -ms-flex-item-align: inherit;
 align-self: inherit;
 font-size: 1.5em;
}

#flex-container > flex-bodytext {
	height: auto;
	width: 60%;
	font-family: Verdana, Geneva, sans-serif;
	-webkit-order: 1;
	order: 1;
	-webkit-flex: 0 1 auto;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-align-self: flex-start;
	-ms-flex-item-align: inherit;
	align-self: flex-start;
	text-align: center;
}

#flex-container > flex-bodytext5 {
   height: auto;
   width: 80%;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  -webkit-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: auto;
}
#flex-container > flex-bodytext6 {
   height:auto;
   width: 100%;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  -webkit-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
 align-self: flex-start;}

#flex-container > flex-bodytext2 {
   height:auto;
   width: 60%;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  -webkit-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
}
#flex-container > flex-bodytext3 {
   height:auto;
   width: 80%;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
}


#flex-container > flex-gallery {
   height:auto;
   width: 100%;
  font-size: 1em;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  -webkit-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
}
#flex-container2 > sec1 {
   height:auto;
   width: 20%;
  font-size: 1em;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  -webkit-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
}#flex-container2 > sec2 {
   height:auto;
   width: 50%;
  font-size: 1em;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  -webkit-order: 2;
  order: 2;
  -webkit-flex: 0 2 auto;
  -ms-flex: 0 2 auto;
  flex: 0 2 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
}#flex-container2 > sec3 {
   height:auto;
   width: 20%;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  -webkit-order: 3;
  order: 3;
  -webkit-flex: 0 3 auto;
  -ms-flex: 0 3 auto;
  flex: 0 3 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
}

#flex-container-games > flex-title
{color: #000; font-size: 20px; font-weight: bold; margin: 0px 10px 0px 0px; font-family: "Bernard MT Condensed"; font-size: 24px; letter-spacing:1px; width:100%;
   height:auto;
   width: 100%;
  text-align: center;
  -webkit-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
  border-radius: 15px; margin-left:15px; margin-right:15px; margin-top: 15px; border: 1px solid #777; height: inherit;
-moz-box-shadow: 0px 0px 15px #000; /* Firefox */
-webkit-box-shadow: 0px 0px 15px #000; /* Safari and Chrome */
padding:5px;}

#flex-container > flex-image
{float:left; 
max-height:auto;
max-width:100%;
  text-align: center;
  -webkit-order: 3;
  order: 3;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
padding:10px;}

#flex-container > flex-image2
{float:left; 
max-height:auto;
max-width:25%;
  text-align: center;
  -webkit-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
padding:10px;}

#flex-container > flex-text
{ height:auto;
  text-align: center;
  -webkit-order: 2;
  order: 2;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
padding:20px;
}

#flex-container > flextabs {
   height:auto;
   width: 30%;
  font-size: 3em;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  -webkit-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
  border-radius: 15px; margin-left:15px; margin-right:15px; margin-top: 15px; border: 1px solid #777; height: inherit;
-moz-box-shadow: 0px 0px 15px #000; /* Firefox */
-webkit-box-shadow: 0px 0px 15px #000; /* Safari and Chrome */
padding:20px;}


@media all and (max-width: 987px) {
  #flex-container > flex-header {
  margin: 4px;
  height:auto;
  font-size: 3em;
  text-align: center;
  -webkit-order: 1;
  order: 1;
  width:inherit;
  max-width:100%

}
@media all and (max-width: 790px) {
  
   
#flex-container {
   
-webkit-flex-flow: column wrap;
flex-direction: column wrap; 
}

#flex-container > flex-header {
  margin: 4px;
  height:auto;
  font-size: 3em;
  text-align: center;
  -webkit-order: 1;
  order: 1;
  width:inherit;

}
#flex-container > flex-header2 {
  margin: 4px;
  height:auto;
  font-size: 0.5em;
  text-align: center;
  -webkit-order: 2;
  order: 2;
  width:inherit;
}

#flex-container > flex-bodytext {
  margin: auto;
  height:auto;
  font-size: 3em;
  text-align: center;
  -webkit-order: 1;
  order: 1;
  width:90%;
}

#flex-container > flex-bodytext2 {
   height:auto;
   width: 100%;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  -webkit-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
  margin:auto;
 
}
#flex-container > flex-bodytext3 {
   height:auto;
   width: 100%;
  font-family: Verdana, Geneva, sans-serif;
  -webkit-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
  min-width: 0px;
}
#flex-container > flex-fb {
   height:auto;
   width: 80%;
  font-size: 3em;
  text-align: center;
  font-family: Verdana, Geneva, sans-serif;
  -webkit-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
  border-radius: 0px; margin-left:0px; margin-right:0px; margin-top: 0px; border: 0px solid #777; height: inherit;
-moz-box-shadow: 0px 0px 15px #000; /* Firefox */
-webkit-box-shadow: 0px 0px 15px #000; /* Safari and Chrome */
margin:auto}
#flex-container-games > flex-title
{color: #000; font-size: 20px; font-weight: bold; margin: 0px 10px 0px 0px; font-family: "Bernard MT Condensed"; font-size: 24px; letter-spacing:1px; width:100%;
   height:auto;
   width: 100%;
  text-align: center;
  -webkit-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
  border-radius: 15px; margin-left:15px; margin-right:15px; margin-top: 15px; border: 1px solid #777; height: inherit;
-moz-box-shadow: 0px 0px 15px #000; /* Firefox */
-webkit-box-shadow: 0px 0px 15px #000; /* Safari and Chrome */
padding:20px;}

#flex-container-games > flex-image
{color: #000; font-size: 20px; font-weight: bold; margin: 0px 10px 0px 0px; font-family: "Bernard MT Condensed"; font-size: 24px; letter-spacing:1px;
text-align:center;
   height:auto;
   width: 10%;
  text-align: center;
  -webkit-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
padding:20px;}

#flex-container-games > flex-text
{color: #000; font-family: "Lato"; font-size:18px; padding: 5px;
   height:auto;
   width: 100%;
  text-align: center;
  -webkit-order: 1;
  order: 1;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: inherit;
  align-self: flex-start;
  border-radius: 15px; margin-left:15px; margin-right:15px; margin-top: 15px; border: 1px solid #777; height: inherit;
-moz-box-shadow: 0px 0px 15px #000; /* Firefox */
-webkit-box-shadow: 0px 0px 15px #000; /* Safari and Chrome */
padding:20px;}

.altdisplay {
    display:none;
}

}