html {  
  height: 100%;
}

body {  
  background-attachment: fixed;  
  background-color: white;  
  background-position: center center;  
  background-repeat: no-repeat;  
  height: 100%;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

@font-face {
  
  font-family: "showcaseregular";
  
  font-style: normal;
  
  font-weight: normal;
  src: url("../css/showcase-webfont.eot?#iefix") format("embedded-opentype"), url("../css/showcase-webfont.woff") format("woff"), url("../css/showcase-webfont.ttf") format("truetype"), url("../css/showcase-webfont.svg#showcaseregular") format("svg");
}

p {  
  font-family: 'showcaseregular', Arial, sans-serif;
}

p.normal {  
  font-style: normal;
}

p {  
  font-size: 20px;
}

body.mobile {  
  background-color: white;  
  height: 100%;  
  margin-top: 0px;  
  margin-right: 0px;  
  margin-bottom: 0px;  
  margin-left: 0px;  
  padding-top: 0px;  
  padding-right: 0px;  
  padding-bottom: 0px;  
  padding-left: 0px;
}

h1 {  
  font-family: 'showcaseregular', Arial, sans-serif;  
  font-size: 24px;  
  font-style: normal;
}

h2 {  
  font-family: 'showcaseregular', sans-serif;  
  font-size: 20px;  
  font-style: normal;
}

h3 {  
  font-family: 'showcaseregular', Arial, sans-serif;  
  font-size: 14px;  
  font-style: normal;
}

h4 {  
  font-family: 'showcaseregular', Arial, sans-serif;  
  font-size: 12px;  
  font-style: normal;
}

h5 {  
  font-family: 'showcaseregular', Arial, sans-serif;  
  font-size: 8px;  
  font-style: normal;
}

p, ul, li {  
  font-family: 'showcaseregular', Arial, sans-serif;  
  font-size: small;  
  text-align: justify;  
  font-style: normal;
}

p.menu {  
  font-family: 'showcaseregular', Arial, sans-serif;  
  font-size: small;  
  font-style: normal;
}

A:link {  
  color: #828fce;  
  text-decoration: none;
}

A:visited {  
  color: #828fce;  
  text-decoration: none;
}

A:active {  
  color: #828fce;  
  text-decoration: none;
}

A:hover {  
  color: #a87fc1;  
  text-decoration: underline;
}

#case {  
  background-color: white;  -webkit-box-shadow: 12px 12px 24px #333333;
  box-shadow: 12px 12px 24px #333333;  
  height: 480px;  
  width: 480px;  
  z-index: 100;  
  overflow: auto;  
  padding-top: 24px;  
  padding-right: 48px;  
  padding-bottom: 48px;  
  padding-left: 48px;  
  position: absolute;  
  left: 24px;  
  top: 24px;  -webkit-opacity: 0.9;
  opacity: 0.9;  
  font-size: 35px;  
  font-family: showcaseregular, sans-serif;
}

#mobile {  
  background-color: white;  
  overflow: auto;  
  padding-top: 24px;  
  padding-right: 48px;  
  padding-bottom: 48px;  
  padding-left: 48px;  
  position: absolute;
}