@charset "UTF-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	outline: none;
}
img {border: none; -webkit-touch-callout: none; -webkit-user-select:none; }
html{
  height: 100vh;
	margin: 0px;
	padding: 0px;

}
body {
    line-height: 1.7em;
    color: #7d8082;
    font-size: 13px;
	padding: 0;
	margin: 0;
	
	background: #525559;
}

/*
 * -- SPLASH STYLES --
 * This is the blue top section that appears on the page.
 */

.splash-container {
    
    z-index: 1;
    overflow: hidden;
    /* The following styles are required for the "scroll-over" effect */
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    position: fixed !important;
}

.splash {
    /* absolute center .splash within .splash-container */
    width: 80%;
    height: 50%;
    margin: auto;
    position: absolute;
    top: 100px; left: 0; bottom: 0; right: 0;
    text-align: center;
    text-transform: uppercase;
}

/* This is the main heading that appears on the blue section */
.splash-head {
    font-size: 20px;
    font-weight: normal;
    color: #7d8082;
    border: 1px solid #7d8082;
    padding: 1em 1.6em;
    font-weight: 100;
    border-radius: 5px;
    line-height: 1em;
}

/* This is the sauto;ubheading that appears on the blue section */
.splash-subhead {
    color: #7d8082;
    letter-spacing: 0.05em;
    opacity: 0.8;
}
img
  {
	padding:0;
  border: none;
z-index:999;
  max-width: 100%;
  margin-bottom:10px;
  margin-top:0px;
  height: auto;
  width: auto\9; /* ie8 */	
  -webkit-box-shadow:0 0px 4px rgba(0, 0, 0, 0.4);-moz-box-shadow:0 0px 4px rgba(0, 0, 0, 0.4);box-shadow:0 0px 4px rgba(0, 0, 0, 0.4);
  }
main
{
max-width:700px;
margin-left: auto;
margin-right: auto; }