body
{
	margin: 0;
	padding: 0;
	background-color: #e5e5ff;
	font-family:"Bookman Old Style", Palatino, san-serif;
	font-size: 98%;
	color: #05137a;
}

a:link
{color:#5b3d91;}
  
a:visited
{color:#620a5f;}
  
a:hover
{color:#247738;}
   
a:active
{color:#;}

a.lite:link
{color:#ccebf9;}
  
a.lite:visited
{color:#dcff7;}
  
a.lite:hover
{color:#ddffdb;}
   
a.lite:active
{color:#fcf2c1;}


* {
  box-sizing: border-box;
}

img .sticky {
    position: -webkit-sticky; /* Safari */
    position: sticky;
    top: 0;
}

video {
    max-width: 100%;
    height: auto;
	position: relative;
	padding-bottom: 51%;
	padding-top: 5%;  
	overflow: hidden;
}

.row::after {
  content: "";
  clear: both;
  display: table;
}

[class*="col-"] {
  float: left;
  width: 100%;
  padding: 0;
  margin: 0;
}

@media only screen and (max-width: 600px) {
    /* For phones: */	
	.col-1	{width: 8.33%;}
	.col-2 {width: 16.66%;}
	.col-3 {width: 25%;}
	.col-4 {width: 33.33%;}
	.col-5 {width: 41.66%;}
	.col-6 {width: 50%;}
	.col-7 {width: 58.33%;}
	.col-8 {width: 66.66%;}
	.col-9 {width: 75%;}
	.col-10 {width: 83.33%;}
	.col-12 {width: 100%;}
	
	#mobihome {display: block;}
    #reghome {display: none;}
	
}	

@media only screen and (min-width: 601px) {
    /* For tablets and desktop screens: */
    
	.col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    
    #mobihome {display: none;}
    #reghome {display: block;}
 
}

#mobihome
{
width: 100%;
}

#reghome
{
width: 100%;
}

img {
  max-width: 100%;
  height: auto;
}

.imglogo {
border-radius: 5%;
border-style: double;
border-color: #05137a;
border-width: 7px;
padding: 3%;
margin: 1%;
}

.imgmenu {
border-radius: 15%;
border-style: double;
border-color: #05137a;
border-width: 20px;
padding: 3%;
margin: 1%;
}

.imgmenuthumb {
border-radius: 5%;
border-style: single;
border-color: #05137a;
border-width: 7px;
padding: 3%;
margin: 1%;
}

.imgmenumob {
border-radius: 10%;
border-style: double;
border-color: #05137a;
border-width: 12px;
padding: 3%;
margin: 1%;
}


h1 {
font-size: 400%;
text-align: center;
font-weight: 800;
}

h2 {
font-size: 160%;
text-align: center;
font-weight: 800;
}

h3 {
font-size: 88%;
text-align: left;
font-weight: 600;
}

h4 {
font-size: 88%;
text-align: left;
font-weight: 400;
font-style: italic;
}

h5 {
font-size: 120%;
text-align: center;
font-weight: 800;
}

h6 {
font-size: 300%;
text-align: center;
font-weight: 800;
}

.title {
width: 100%;
margin: 0%;
padding: 0%;
}

.titlemob {
width: 100%;
margin: 0;
padding: 8% 3% 5% 3%;
}

.titlebar2 {
padding: 1% 3%;
margin: 0% 4%;
}

.taglinehomemob {

font-weight: 800;
margin: 0% 2%;
}

.taglinehome {
font-size: 110%;
font-weight: 800;
margin: 0% 2%;
}

.menubarhome{
  position: static;
  display: block;
  float: left;
  width: 100%;
  padding: 1%;
  margin: 0% 8%;
  background-color: #e5e5ff;
}

.menubarhomemob{
  position: static;
  display: inline-block;
  float: left;
  width: 100%;
  padding: 1%;
  margin: 2% 0%;
  background-color: #e5e5ff;
}

.menubtnhome
{
display: inline-block;
color: #ffedc4;
background-color: #05137a;
border-color: #e5e5ff;
border-width: 3%;
border-radius: 20%;
cursor: pointer;
text-align: center;
float: left;
font-size: 95%;
font-weight: 700;
font-style: italic;
text-align: center;
color: #e5e5ff;
margin: 0% 3%;
}

.menubtnhomemob
{
display: inline-block;
color: #ffedc4;
background-color: #05137a;
border-color: #e5e5ff;
border-width: 3%;
border-radius: 20%;
cursor: pointer;
text-align: center;
float: left;
font-size: 92%;
font-weight: 700;
font-style: italic;
text-align: center;
color: #e5e5ff;
margin: 1% 1%;
}

.menubtnhomemob2
{
display: inline-block;
color: #ffedc4;
background-color: #05137a;
border-color: #e5e5ff;
border-width: 3%;
border-radius: 20%;
cursor: pointer;
text-align: center;
float: left;
font-size: 88%;
font-weight: 600;
font-style: italic;
text-align: center;
color: #e5e5ff;
margin: .5%;
}

.grid-containerhome
{
display: grid;
grid-gap: 1% 1%;
background-color: #05137a;
grid-template-columns: auto auto auto;
padding: 1%;
margin: 0% 1%;
max-width: 96%;
}

.grid-itemhome
{
background-color: #e5e5ff;
padding: 1%;
color: #05137a;
margin: 2%;
max-width: 96%;
}

.itemhome1
{
grid-row: 1;
grid-column: 1;
}

.itemhome2
{
grid-row: 1;
grid-column: 2;
}

.itemhome3
{
grid-row: 1;
grid-column: 3;
}

.itemhome4
{
grid-row: 2;
grid-column: 1;
}

.itemhome5
{
grid-row: 2;
grid-column: 2;
}

.itemhome6
{
grid-row: 2;
grid-column: 3;
}

.grid-containerhomemob
{
display: grid;
grid-gap: 1% 1%;
background-color: #05137a;
grid-template-columns: auto auto;
padding: 1%;
margin: 0% 1%;
max-width: 96%;
}

.grid-itemhomemob
{
background-color: #e5e5ff;
padding: 1%;
color: #05137a;
margin: 2%;
max-width: 96%;
}

.itemhomemob1
{
grid-row: 1;
grid-column: 1;
}

.itemhomemob2
{
grid-row: 1;
grid-column: 2;
}

.itemhomemob3
{
grid-row: 2;
grid-column: 1;
}

.itemhomemob4
{
grid-row: 2;
grid-column: 2;
}

.itemhomemob5
{
grid-row: 3;
grid-column: 1;
}

.itemhomemob6
{
grid-row: 3;
grid-column: 2;
}

.grid-containermenu
{
display: grid;
grid-gap: .05% .05%;
background-color: #e5e5ff;
grid-template-columns: auto auto auto auto auto;
padding: 0% 4%;
margin: 1%;
max-width: 96%;
border-style: solid;
border-width: 2px;
border-color: #05137a;
border-radius: 10%;

}

.grid-itemmenu
{
background-color: #e5e5ff;
padding: 1% 3%;
color: #05137a;
margin: 2%;
max-width: 96%;
}

.itemmenu1
{
grid-row: 1;
grid-column: 1;
}

.itemmenu2
{
grid-row: 1;
grid-column: 2;
}

.itemmenu3
{
grid-row: 1;
grid-column: 3;
}

.itemmenu4
{
grid-row: 1;
grid-column: 4;
}

.itemmenu5
{
grid-row: 1;
grid-column: 5;
}

.itemmenu6
{
grid-row: 2;
grid-column: 1;
}
.itemmenu7
{
grid-row: 2;
grid-column: 2;
}

.itemmenu8
{
grid-row: 2;
grid-column: 3;
}

.itemmenu9
{
grid-row: 2;
grid-column: 4;
}

.itemmenu10
{
grid-row: 2;
grid-column: 5;
}

.grid-containermenumob
{
display: grid;
grid-gap: .05% .05%;
background-color: #e5e5ff;
grid-template-columns: auto auto auto;
padding: 0% 4%;
margin: 1%;
max-width: 96%;
border-style: solid;
border-width: 2px;
border-color: #05137a;
border-radius: 10%;

}

.grid-itemmenumob
{
background-color: #e5e5ff;
padding: 1% 3%;
color: #05137a;
margin: 2%;
max-width: 96%;
}

.itemmenumob1
{
grid-row: 1;
grid-column: 1;
}

.itemmenumob2
{
grid-row: 1;
grid-column: 2;
}

.itemmenumob3
{
grid-row: 1;
grid-column: 3;
}

.itemmenumob4
{
grid-row: 2;
grid-column: 1;
}

.itemmenumob5
{
grid-row: 2;
grid-column: 2;
}

.itemmenumob6
{
grid-row: 2;
grid-column: 3;
}
.itemmenumob7
{
grid-row: 3;
grid-column: 1;
}

.itemmenumob8
{
grid-row: 3;
grid-column: 2;
}

.itemmenumob9
{
grid-row: 3;
grid-column: 3;
}