body {
 background-color: #000000; text-align: center; }
.bg-img {
    position: fixed;
    z-index: -1;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; /* To compensate for mobile browser address bar space */
    background: url("hbg2.jpg") no-repeat; 
 center center fixed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;

}
img {max-width: 100%;}
.title {border: none }
#navbar {width: 100%; position: relative; z-index: 2; top: -10px; left: 0; padding: 2% 2% 1% 2%; background-color: rgba(0, 0, 0, .9); font-family: 'arial', sans-serif; font-weight: black; font-size: 20px; color: #c7c7c7;}
@media screen and (max-width: 500px){ #navbar {position: relative; top: 0px;} }
.navbut {padding: 5px; margin: 0 2% 0 2%; display: inline-block; font-family: 'arial', sans-serif; font-weight: bold; font-size: 16px; color: #f63131;} 
@media screen and (max-width: 500px){ .navbut {display: block;} }
.navbut a:link {color: #ffffff; text-decoration: none; font-weight: normal;}
.navbut a:visited {color: #ffffff; text-decoration: none; font-weight: normal;}
.navbut a:hover {color: #ffffff; text-decoration: none; border-bottom-style: solid; border-bottom-width: 1px; border-bottom-color: #ffffff; }
#hmain {max-width: 100%; margin: 2%; text-align: center; font-family: 'arial', sans-serif; font-size: 12px; color: #ffffff;}
@media screen and (max-width: 500px){ #hmain {margin: 2%;} }
.galimg {display: inline-block; max-width: 100%; margin: 2%; background-color: #000000; padding: 0 0 10px 0; font-family: 'arial', sans-serif; font-size: 10px; color: #ffffff;}
#hcopy {max-width: 100%; padding: 1%; vertical-align: top; font-family: 'PT+Serif', serif; font-size: 20px; color: #ffffff; background-color: rgba(0, 0, 0, .4)}
#hcopy a:link {color: #f63131; text-decoration: none;}
#hcopy a:visited {color: #f63131; text-decoration: none;}
#hcopy a:hover {color: #f63131; text-decoration: underline;}#abcopy {width: 750px; display: inline-block; max-width: 100%; vertical-align: top; margin: 4% 2%; padding: 1% 2% 2% 2%; font-family: 'arial', sans-serif; font-size: 14px; color: #000000; text-align: left; line-height: 1.5; background-color: rgba(255, 255, 255, .7); }
#abcopy a:link {color: #f63131; text-decoration: none;}
#abcopy a:visited {color: #f63131; text-decoration: none;}
#abcopy a:hover {color: #f63131; text-decoration: underline;}

@media screen and (max-width: 500px){ #click {display: none;} }
#footer {max-width: 100%; padding: 10px; font-family: 'arial', sans-serif; font-size: 12px; color: #ffffff; background-color: rgba(0, 0, 0, .4)}
#footer a:link {color: #f63131; text-decoration: none;}
#footer a:visited {color: #f63131; text-decoration: none;}
#footer a:hover {color: #f63131; text-decoration: underline;}
#detail {width:200px; max-width: 100%; display: inline-block; margin: 4% 0 2% 0; }
.detailimg {margin: 0 0 4% 0;}
.himg {display: inline-block; margin: 2%; background-color: #000000;  border-style: solid; border-width: 1px; border-color: #000000; font-family: 'arial', sans-serif; font-size: 18px; color: #ffffff;}
.himg a:link {color: #ffffff; text-decoration: none;}
.imgtitle {padding: 5px;}
.hpic {vertical-align: bottom;}