html,body{font-family:century gothic,courier,sans-serif;color:#515151}
html{overflow-x:hidden}
body{background: url(../images/background.png);
background-repeat: no-repeat
background-position: center;
background fixed; 

  background-size: cover;
  /*  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover; */
  }

  
h1{font-weight:100;margin:1px 0}

/* main layout stuff */
box-sizing: border-box;
.outer{content:"";display:table;clear:both}
.wrap{max-width:80%;margin:50px auto; vertical-align: middle; display:block; background-color:white}
.menu-full {padding: 10px; width:*%; text-align:center}
.tiles {padding: 10px; width:*%; text-align:center}
.logo {width:50%;text-align:left}

a.button.solid {color: #fff;
    	border-radius: 25px;
		padding: 5px 15px;
    font-weight: 500;
	font-size: 1.6rem;}

/*   Menu block div */
.mbd
{
	width:94%; 
	padding: 1px ;
	text-align:center; 
	text-decoration:none; 
	cursor:pointer;
}
/*   Menu block top */
.mbt
{
	margin:2px 5px 0px 5px;
	color:white;
}
/*   Menu block bottom */
.mbb
{
	margin:0px 5px 2px 5px;
	color:white;
}
.mbt:hover{
    background-color: #0fbac4;
}
.mbs{display:inline-block; vertical-align: middle; line-height:normal;}

.page_height{height:550px;}

.fl { float: left;}
.fr { float: right;}
.block { color:#008dd6; height:30px}

/* Responsive stuff - define phone screen size widths of elements that will be resized */
.menu-qtr{float:left;width:90%}  /*.menu-qtr{float:left;width:47%} */
.mbt{height:90px; line-height:90px; font-size:0.6em;} 
.mbb{height:30px; line-height:30px; font-size:0.5em;}


/* Responsive stuff - define tablet (landscape) screen size widths of elements that will be resized */
@media screen and (min-width:501px)
{
.menu-qtr{float:left;width:47%}
.mbt{height:50px; line-height:50px; font-size:0.6em;}
.mbb{height:25px; line-height:25px; font-size:0.5em;}
}


/* Define the desktop parameters (when the screen width is bigger than a chosen size - 500) */
@media screen and (min-width:901px)
{
.menu-qtr{float:left;width:19%}
.mbt{height:100px; line-height:100px; font-size:0.8em;}
.mbb{height:42px; line-height:42px; font-size:0.7em;}

}  
/* Hover message for maintenance only
/* Tooltip container */
.tooltip {
    position: relative;
    display: inline-block;
}

/* Tooltip text */
.tooltip .tooltiptext {
    visibility: hidden;
    width: 120px;
    background-color: #00497b;
    color: #fff;
    text-align: center;
    padding: 5px 0;
   /* border-radius: 6px; */
 
    /* Position the tooltip text - see examples below! */
    position: absolute;
     z-index: 1;
    top: 40%;
	left: 50%;
    margin-left: -60px;}

/* Show the tooltip text when you mouse over the tooltip container */
.tooltip:hover .tooltiptext {
    visibility: visible;
}