@charset "UTF-8";
@import "https://fonts.googleapis.com/css?family=Open+Sans:300,400,600,700,800&subset=latin-ext";

body
{background-color:#F2F2F2;
width:100%;
height:100%;
margin:0;
padding:0;
font-family:'Open Sans',sans-serif;
overflow-x:hidden;
justify-content:center}

h1
{font-size:64px;
font-weight:700;
letter-spacing:-3px;
color:#003d8f;
margin:80px 0 5px 0;
text-align:center}

h2
{font-size:19px;
font-weight:600;
color:#415362;
margin:0;
text-align:center;
justify-content:center}

h3
{margin:140px 0 5px 0;
text-align:left	
}

header
{width:100%;
position:relative;
margin-top:30px;
text-align:center}

header div
{background:#F2F2F2;
width:240px;
height:50px;
margin:0 auto;
z-index:2;
line-height:65px}

header:before
{position:absolute;
left:0;top:50%;
z-index:-1;
height:2px;
background:#E5E8EB;
content:"";
width:100%;
display:block}

.header-logo
{width:88px;
height:25}

main
{display:flex;
flex-flow:column;
width:100%;
justify-content:center;
align-items:center;
margin-top:20px;
opacity:0;
-webkit-animation:fadeIn ease-in 1;
-moz-animation:fadeIn ease-in 1;
animation:fadeIn ease-in 1;
-webkit-animation-fill-mode:forwards;
-moz-animation-fill-mode:forwards;
animation-fill-mode:forwards;
-webkit-animation-duration:1s;
-moz-animation-duration:1s;
animation-duration:1s;
padding-bottom:50px}

main div.info-box
{padding:0 20px;
max-width:496px}

.secondary-template header
{width:94%;
margin:0 auto}

.secondary-template header:before
{height:1px;
background:rgba(27,27,27,.5)}

.secondary-template main
{width:auto;
height:auto;
min-width:auto;
text-align:center}

.secondary-template h1
{font-size:36px;
line-height:62px;
letter-spacing:1px;
color:#000}
.secondary-template h2
{color:#003d8f}

.secondary-template p
{font-size:16px;
line-height:1.7;
color:#000}

.secondary-template nav ul
{font-size:13px}

.secondary-template nav b
{color:#000}

.secondary-template nav a
{color:rgba(27,27,27,.7)}

/*Menu*/

#Menu
{height:1px;
width:600px;
cursor:pointer;}

/*Nav*/

#Nav_Old
{disaply:block;
width:600px;
padding:0px;
margin-top:20px;
position:absolute;
text-align:center;
list-style-type:none;
list-style-image:none;
background-color:black;}

#Nav_Old li
{padding-left:10px;
padding-right:10px;
display:inline;
text-align:left;
list-style:none;
position:relative;}

#Nav_Old li:hover
{background-color:#333;}

#Nav_Old li a
{}

#Nav_Old li a:hover
{background-color:#333;}

#Nav_Old li ul
{margin:0px;
padding:0px;
display:none;
position:absolute;
text-align:center;
left:0px;
top:18px;
width:105px;
background-color:#333;}

#Nav_Old li:hover ul
{margin:auto;
text-align:left;
display:block;
display:list-item;}

#Nav_Old li li
{list-style:none;
display:list-item;}

#Nav_Old li li a
{}

#Nav_Old li li a:hover
{}

/*--- Sublist Styles ---*/

#Nav_Old ul {
position:absolute;
padding:0px;
left:0;
display:none;}

/*Menu Links*/

#Nav_Old a
{text-decoration:none;
color:#F00;}

#Nav_Old a:hover
{color:#FFFF00;}

/*--- Hide Sub Sublists ---*/

#Nav_Old li:hover ul ul
{display:none;}

/*--- Sublevel UL's display and position on hover ---*/

#Nav_Old li:hover ul {display:block;} 

#Nav_Old li li:hover ul
{margin-left:105px;
	margin-top:-18px;
display:block;}

main img
{margin-bottom:45px}

main p
{margin:5px 0 50px;
font-size:15px;
font-weight:400;
color:rgba(16,46,61,.5);
letter-spacing:0;
line-height:24px;
text-align:center}

nav
{margin-bottom:20px}

ul
{margin:0 auto;
padding:0;
width:100%;
text-align:center;
font-size:14px;
color:rgba(16,46,61,.5);
letter-spacing:0;
line-height:20px;
font-weight:600}

ul li
{display:inline-block;
margin:5px 15px}

ul li b
{color:#415362}

ul li a,main p a
{text-decoration:none;
border-bottom:2px solid rgba(135,145,154,.3);
color:rgba(16,46,61,.5);
padding-bottom:1px;
-o-transition:.4s;
-ms-transition:.4s;
-moz-transition:.4s;
-webkit-transition:.4s;
transition:.4s}

ul li a:hover,main p a:hover
{color:#000;
border-bottom:2px solid rgba(135,145,154,.6)}

footer
{width:100%;
height:50px;
position:fixed;
bottom:0;
z-index:-1;
background:url(../img/footer-wave.svg) no-repeat center center;
-webkit-background-size:cover;
-moz-background-size:cover;
-o-background-size:cover;
background-size:cover}

main.game div.info-box
{float:left;
top:0;
left:20px;
width:500px}

main.game div div.game-container
{float:right;
top:0;
width:300px}

main.game div div.game-container
{width:330px}

.small-font h2
{font-size:16px;
margin-bottom:10px}

@media only screen and (max-width:900px)
{.game-container

{display:none!important}

main.game div.info-box
{float:inherit;
width:100%;
max-width:500px;
margin:0 auto}

.mobile-hidden
{display:none}}

@media only screen and (max-height:600px)
{header{top:10px}}

@media only screen and (max-width:500px)
{.mobile-hidden{display:none}header{top:20px}
main div{padding:0 30px}
nav ul{font-size:12px}}
@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}
@-moz-keyframes fadeIn{from{opacity:0}to{opacity:1}}
@keyframes fadeIn{from{opacity:0}to{opacity:1}}