@font-face {
    font-family: BloggerSans-Bold;
    src: url(../im/BloggerSans-Bold.ttf);
    font-weight: bold;
}
@font-face {
    font-family: BloggerSans-Medium;
    src: url(../im/BloggerSans-Medium.ttf);
}
#bg1
{
    background-image: url("../im/bg1.png");
    background-position: center;
    width:100%;
    height:100%;
    position: fixed;
    z-index: 999;
    top:0;
    left:0;
    text-align: center;
    padding-left:0px;
    padding-right:0px;
    margin-left:0px;
    margin-right:0px;
}
#bg2
{
    background-image: url("../im/bg2.png");
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    max-width:1116px;
    max-height:770px;
    text-align: center;
    display: inline-block;
    position: relative;
}
#bg3
{
    background-image: url("../im/bg3.png");
    background-position: center top;
    background-size: contain;
    background-repeat: no-repeat;
    width:100%;
    height:100%;
    max-width:1116px;
    max-height:770px;
    text-align: center;
    display: block;
    transform-style: preserve-3d;
    transform: translateZ(20px);
    position: fixed;
    z-index: 9999;
    
}
#bg_text
{
  position: absolute;
  display: inline-block;
  width:100%;
  text-align: left;
  z-index: 999999;
  bottom:10%;
  color: #052746;
  font-size:16px;
  font-family: BloggerSans-Medium;
  margin-left: -12%;
  line-height: 22px;
  vertical-align:middle;
}
#bg_text a, #bg_text a:active, #bg_text a:hover
{
  color: #052746;
  text-decoration: none;
}

#bg_text b
{
  font-family: BloggerSans-Bold;
  padding-right: 40px;
}
#bg_text2
{
  position: absolute;
  display: inline-block;
  width:100%;
  text-align: left;
  z-index: 999999;
  bottom:17.5%;
  margin-left: 32%;
  vertical-align:middle;
}
.myhoverset:hover
{
    opacity: 0.8;
}