/*@media (min-width:320px) { smartphones, iPhone, portrait 480x320 phones }*/
/*@media (min-width:481px) {  portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. }*/
/*@media (min-width:641px) {  portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones }*/
/*@media (min-width:961px) {  tablet, landscape iPad, lo-res laptops ands desktops }*/
/*@media (min-width:1025px) {  big landscape tablets, laptops, and desktops }*/
/*@media (min-width:1281px) {  hi-res laptops and desktops }*/

@font-face {
	font-family: "SansitaOne";
	src: url("../../font/sansitaone/SansitaOne.ttf");
	font-weight: normal;
    font-style: normal;
}

#bgmain { 
/*
    position: fixed;
	margin-top:70px;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -ms-transform: translateX(-50%) translateY(-50%);
    -moz-transform: translateX(-50%) translateY(-50%);
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
    background: url(../../images/heaven_new_design3_sm.png) no-repeat center fixed;
    background-size: cover; 
	*/
}

body:before {
/*
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  background: url(../../images/heaven_new_design3_sm.png) no-repeat center center;
  -webkit-background-size: 100%; 
    -moz-background-size: 100%; 
    -o-background-size: 100%; 
    background-size: 100%; 
    -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
    background-size: cover;
	*/
}

#bgmain2
{
/*
margin:0;
background: url(../../images/heaven_new_design3_sm.png) no-repeat center fixed;

position: fixed;
top: 60%;
left: 50%;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
-ms-transform: translateX(-50%) translateY(-60%);
-moz-transform: translateX(-50%) translateY(-60%);
-webkit-transform: translateX(-50%) translateY(-60%);
transform: translateX(-50%) translateY(-60%);
background-size: 100%;
background-height:100%;
z-index: -100;
*/
}

#container
{
position:relative;
width:100%;
height: 100%;
margin:0 auto;
text-align:center;
overflow-y:hidden;

/*border-radius: 5px 5px 5px 5px;*/
}

.scroll_main {
position:relative;
width:400px;
height:500px;
z-index:5;
}

.heaven_nh_text {
position:relative;
margin:0 auto;
text-align:center;
margin-top:100px;
width:466px;
height:259px;
background:url('../../images/heaven_nh_text.png');
background-size: 100%;
}

.scroll_top {
position:relative;
width:400px;
height:53px;
background:url('../../images/scroll_nh_top_400.png');
background-size: 100%;
}

.scroll_full_stretched600 {
position:relative;
margin:0 auto;
text-align:center;
width:600px;
height:368px;
background:url('../../images/scroll_full_stretched_600.png');
background-size: 100%;
z-order:1;
}

.scroll_full_stretched_h_600 {
position:relative;
margin:0 auto;
text-align:center;
width:600px;
height:368px;
background:url('../../images/scroll_full_stretched_h_600.png');
background-size: 100%;
z-order:1;
}

.scroll_full_stretched400 {
position:relative;
margin:0 auto;
text-align:center;
width:450px;
height:276px;
background:url('../../images/scroll_full_stretched_400.png');
background-size: 100%;
z-order:1;
}

.scroll_font_main {
position:absolute;
top:0px;
left:0px;
width:100%;
margin: 0 auto;
margin-top:70px;
text-align: center;
z-order:2;
}

.scroll_font {
position:relative;
width:60%;
margin: 0 auto;
text-align: center;
color: #c610e7;
font-family: "Arial";
font-weight:bold;
font-size: 120%;
text-shadow: 0px 0px 3px rgba(241,165,240, 0.8);
}

.scroll_font110 {
position:relative;
width:60%;
margin: 0 auto;
text-align: center;
color: #c610e7;
font-family: "Arial";
font-weight:bold;
font-size: 110%;
text-shadow: 0px 0px 3px rgba(241,165,240, 0.8);
}

.scroll_font_small {
position:relative;
width:60%;
margin: 0 auto;
text-align: center;
color: #c610e7;
font-family: "Arial";
font-weight:bold;
font-size: 120%;
text-shadow: 0px 0px 3px rgba(241,165,240, 0.8);
}

.scroll_middle {
position:relative;
width:400px;
height:200px;
left:10px;
background:url('../../images/scroll_nh_middle_200.png');
}

.scroll_bottom {
position:relative;
width:400px;
height:53px;
background:url('../../images/scroll_nh_bottom_400.png');
background-size: 100%;
}

.flowers_line {
position:relative;
margin:0 auto;
text-align:center;
width:400px;
height:56px;
background:url('../../images/flowers_line.png');
background-size: 100%;
z-order:1;
}

.flowers_line_red {
position:relative;
margin:0 auto;
text-align:center;
width:400px;
height:56px;
background:url('../../images/flowers_line_red.png');
background-size: 100%;
z-order:1;
}

.flowers_line_purple {
position:relative;
margin:0 auto;
text-align:center;
width:400px;
height:56px;
background:url('../../images/flowers_line_purple.png');
background-size: 100%;
z-order:1;
}

.line_main {
position:relative;
align:center;
margin:0 auto;
text-align:center;
width:100%;
}

.birds_line {
position:relative;
display:inline-block;
margin:0 auto;
text-align:center;
width:120px;
height:51px;
background:url('http://www.allmightywind.com/gif/birdswhite.gif');
background-size: 100%;
z-order:1;
}

.vid_back_glitter {
	width: 670px;
	margin:0 auto;
	text-align:center;
	border: 2px solid rgba(255,234,0, 0.9);
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
	background-image:url('../../images/gold_glitter_nh.gif');
	padding:8px;
}

.featvideo {
	position:relative;
	margin:0 auto;
	text-align:center;
	width:640px;
	height:480px;
	border: 1px solid rgba(255,234,0, 0.4);
}

.div_space {
position:relative;
width:100%;
height:40px;
}

.btn_menu_heaven {
position:absolute;
display:inline-block;
margin:0 auto;
text-align:center;
top:10px;
left:0px;
width:170px;
height:104px;
background:url('../../images/heaven_menu_button.png');
background-size: 100%;
}

.space_block {
position:relative;
width:100%;
height:120px;
}

.title_font_main {
position:relative;
width:400px;
height:200px;
margin: 0 auto;
margin-top:0px;
text-align: center;
z-order:1;
}

.title_font_inside {
position:absolute;
width:100%;
margin: 0 auto;
margin-top:0px;
text-align: center;
z-order:2;
}

.title_font {
position:relative;
width:60%;
margin: 0 auto;
text-align: center;
color: #c610e7;
font-family: Times New Roman;
font-weight:bold;
font-size: 200%;
text-shadow: 2px 2px 5px rgba(241,165,240, 0.9);
}