@media screen and (min-width: 320px)
{
h2
{
font-weight:600;
font-size:24px;
line-height:30px;
}

body,
{
    font-size:16px;
    line-height:22px;
}

.navbar-nav>li>a
{
    padding-top:25px;
}

.ButtonHolder
{
position:absolute;
top:100px;
right:100px;
color:#fff;
z-index:15;
}

.FontNotAwesome
{
height:40px;
}

.FullBlock
{ 
height:100vh;
overflow:hidden;
position:relative;
}

#Block1Holder
{
background:url('//m.zjhxrs.com/__data/assets/image/0017/122246/1.jpg') !important;
background-position:center center;
background-size:100vw 100vh !important;
background-repeat: no-repeat;
}

#Block2Holder
{
background:url('//m.zjhxrs.com/__data/assets/image/0018/122247/2.jpg') !important;
background-position:center center;   
background-size:100vw 100vh !important;
background-repeat: no-repeat;
}

#Block3Holder
{
background:url('//m.zjhxrs.com/__data/assets/image/0019/122248/3.jpg') !important;
background-position:center center;   
background-size:100vw 100vh !important;
background-repeat: no-repeat;
}

#Block4Holder
{
background:url('//m.zjhxrs.com/__data/assets/image/0020/122249/4.jpg') !important;
background-position:center center;   
background-size:100vw 100vh !important;
background-repeat: no-repeat;
}

#Block5Holder
{
background:url('//m.zjhxrs.com/__data/assets/image/0012/122250/5.jpg') !important;
background-position:center center;   
background-size:100vw 100vh !important;
background-repeat: no-repeat;
}

.InnerBlock
{
margin:0 5%;
width:90%;
}

.NavItem
{
color:#fff;font-family:Montserrat;font-size:7pt;
}

.NavItemOuter
{
width:12.5%;text-align:right;
}

.ResourceTile
{
background-size: cover !important;
height:15%;
margin:0;
border:none;
position:relative;
overflow:hidden;
cursor:pointer;
}

.ResourceTitle
{
position:absolute;
bottom:0px;
height:50%;
background-color:rgba(255,255,255,0.8);
width:100%;
z-index:1000;
padding:4px 10px;
color:#000;
font-size:9px;
line-height:12px;
overflow:hidden;
}

.TextStyle
{
font-family:Montserrat;
font-size:12px;
line-height:18px;
color:#fff;
}

.TopBar
{
position:fixed;
top:0px;
left:0px;
width:100%;
height:80px;
background-color:#233845;z-index:0;"
}

.VideoButton
{
float:left;
margin:0 30px 0 0;
}

.VideoButtonImage
{
height:20px;cursor:pointer;
}

.WoodLogo
{
width:100%;
}

.WoodLogoHolder
{
top:20px;
left:10px;
z-index:1000;
position:fixed;
width:40px;
}

.NLTTA
{
position:absolute;
top:0px;
left:100px;
color:#fff;
z-index:15;
font-size:30px;
line-height:36px;
padding:5%;
}

#ScrollStatus
{
position:fixed;top:32px;left:0px;width:12.5%;height:40px;background-color:#2dbdb6;z-index:20;
}

#ScrollBG
{
position:fixed;top:32px;left:0px;width:100%;height:40px;background-color:#233845;z-index:9;
}

.buttonoff
{
font-size:10px;line-height:16px;color:#fff;padding:20px 60px;border:solid 2px #fff;border-radius:50px;margin:30px auto;cursor:pointer;font-weight:400;background-color:#2dbdb6;width:100%;
}

.buttonon
{
font-size:10px;line-height:16px;padding:20px 60px;border:solid 2px #fff;border-radius:50px;margin:30px auto;cursor:pointer;font-weight:400;
background-color:#fff;width:100%;
color:#233845;
}

.button2on
{
font-size:10px;line-height:16px;color:#233845;padding:20px 10px;border:solid 2px #233845;border-radius:50px;margin:30px auto;cursor:pointer;font-weight:400;background-color:#fff;width:100%;
}

.button2off
{
font-size:10px;line-height:16px;padding:20px 10px;border:solid 2px #233845;border-radius:50px;margin:30px auto;cursor:pointer;font-weight:400;
background-color:#233845;width:100%;
color:#fff;
}

#ScrollBG, #ScrollStatus, .Downer
{
display:none;   
}

#MobileMenu, #MobSpacer
{
display:block;    
}
}


@media screen and (min-width: 480px)
{
#Block1Holder
{ 
background-size:100vw 100vh !important;
}

.FontNotAwesome
{
height:60px;
}

.NavItem
{
color:#fff;font-family:Montserrat;font-size:8pt;
}

.ResourceTitle
{
font-size:11px;
line-height:15px;
}

.TextStyle
{
font-size:14px;
line-height:20px;
}

.WoodLogoHolder
{
width:40px;
}

.VideoButtonImage
{
height:30px;
}

.buttonoff
{
font-size:16px;line-height:22px;color:#fff;padding:20px;border:solid 2px #fff;border-radius:50px;width:400px;margin:auto;cursor:pointer;font-weight:600;background-color:#2dbdb6;
}

.buttonon
{
font-size:16px;line-height:22px;padding:20px;border:solid 2px #fff;border-radius:50px;width:400px;margin:auto;cursor:pointer;font-weight:600;
background-color:#fff;
color:#233845;
}

.button2on
{
font-size:16px;line-height:22px;color:#233845;padding:20px;border:solid 2px #233845;border-radius:50px;width:400px;margin:auto;cursor:pointer;font-weight:600;background-color:#fff;
}

.button2off
{
font-size:16px;line-height:22px;padding:20px;border:solid 2px #233845;border-radius:50px;width:400px;margin:auto;cursor:pointer;font-weight:600;
background-color:#233845;
color:#fff;
}

#ScrollBG, #ScrollStatus,  .Downer
{
display:none;   
}

#MobileMenu, #MobSpacer
{
    display:block;
}
}


@media screen and (min-width: 768px)
{

#Block1Holder
{ 
background-size 100vw 100vh !important;
}

h2
{
font-weight:600;
font-size:26px;
line-height:32px;
}

.InnerBlock
{
margin:0 10%;
width:80%;
}

.FontNotAwesome
{
height:80px;
}

.NavItem
{
color:#fff;font-family:Montserrat;font-size:8pt;
}

.ResourceTile
{
height:20%;
}

.ResourceTitle
{
height:50%;
font-size:12px;
line-height:18px;
}

.TextStyle
{
font-size:16px;
line-height:22px;
}

.VideoButtonImage
{
height:40px;
}

.WoodLogoHolder
{
width:50px;
}

.buttonoff
{
font-size:20px;line-height:26px;color:#fff;padding:20px;border:solid 2px #fff;border-radius:50px;width:400px;margin:auto;cursor:pointer;font-weight:600;background-color:#2dbdb6;
}

.buttonon
{
font-size:20px;line-height:26px;padding:20px;border:solid 2px #fff;border-radius:50px;width:400px;margin:auto;cursor:pointer;font-weight:600;
background-color:#fff;
color:#233845;
}

.button2on
{
font-size:20px;line-height:26px;color:#233845;padding:20px;border:solid 2px #233845;border-radius:50px;width:400px;margin:auto;cursor:pointer;font-weight:600;background-color:#fff;
}

.button2off
{
font-size:20px;line-height:26px;padding:20px;border:solid 2px #233845;border-radius:50px;width:400px;margin:auto;cursor:pointer;font-weight:600;
background-color:#233845;
color:#fff;
}

#ScrollBG, #ScrollStatus,  .Downer
{
display:block   
}

#MobileMenu, #MobSpacer
{
display:none;
}

}


@media screen and (min-width: 992px)
{

#Block1Holder
{ 
background-size:cover !important;
}

#Block2Holder
{ 
background-size:cover !important;
}

#Block3Holder
{ 
background-size:cover !important;
}

#Block4Holder
{ 
background-size:cover !important;
}

#Block5Holder
{ 
background-size:cover !important;
}

h2
{
font-weight:600;
font-size:28px;
line-height:34px;
}

.InnerBlock
{
margin:0 15%;
width:70%;
}

.FontNotAwesome
{
height:80px;
}

.NavItem
{
color:#fff;font-family:Montserrat;font-size:9pt;
}

.ResourceTitle
{
height:50%;
font-size:14px;
line-height:20px;
}

.TextStyle
{
font-size:18px;
line-height:24px;
}

.VideoButtonImage
{
height:40px;
}

.WoodLogoHolder
{
width:60px;
}

.buttonoff
{
font-size:22px;line-height:28px;color:#fff;padding:20px;border:solid 2px #fff;border-radius:50px;width:400px;margin:auto;cursor:pointer;font-weight:600;background-color:#2dbdb6;
}

.buttonon
{
font-size:22px;line-height:28px;padding:20px;border:solid 2px #fff;border-radius:50px;width:400px;margin:auto;cursor:pointer;font-weight:600;
background-color:#fff;
color:#233845;
}

.button2on
{
font-size:22px;line-height:28px;color:#233845;padding:20px;border:solid 2px #233845;border-radius:50px;width:400px;margin:auto;cursor:pointer;font-weight:600;background-color:#fff;
}

.button2off
{
font-size:22px;line-height:28px;padding:20px;border:solid 2px #233845;border-radius:50px;width:400px;margin:auto;cursor:pointer;font-weight:600;
background-color:#233845;
color:#fff;
}
}


@media screen and (min-width: 1400px)
{
h2
{
font-weight:600;
font-size:36px;
line-height:36px;
}

.InnerBlock
{
margin:0 20%;
width:60%;
}

.NavItem
{
color:#fff;font-family:Montserrat;font-size:14pt;
}

.ResourceTitle
{
height:30%;
}

.TextStyle
{
font-size:22px;
line-height:28px;
}

.VideoButtonImage
{
height:50px;
}

.WoodLogoHolder
{
width:80px;
}
}

$speed: 200ms;
$easing: cubic-bezier(0.7, 0, 0, 0.7);

.navbar-toggle {
  overflow: hidden;

  .icon-bar {
    transition: opacity, transform;
    transition-duration: $speed;
    transition-timing-function: $easing;
  }

  &:not(.collapsed) {
    .icon-bar {
      &:nth-child(1) {
        transform: translateY(6px) rotate(45deg);
      }
      &:nth-child(2) {
        opacity: 0;
        transform: translateX(-100%);
      }
      &:nth-child(3) {
        transform: translateY(-6px) rotate(-45deg);
      }
    }
  }
}		

.nav>li>a:focus, .nav>li>a:hover {
        text-decoration: none;
        background-color: transparent !important;
  }
 

  .button-grey, .button-grey:visited {
   padding: 15px 40px; 
    background: #233845;
    border-radius: 50px;
    position: relative;
    overflow: hidden;
    color: #ffffff;
    margin-bottom: 15px;
    text-decoration: none !important;
    cursor: pointer;
    -webkit-transition: background-color 0.3s ease;
    -moz-transition: background-color 0.3s ease;
    transition: background-color 0.3s ease;
    display: inline-block;
    border: 0;
font-size: 20px;
text-align:center !important;
width:100%;
    }
    
    .button-grey:hover {
    color: #ffffff;
    background: #2c4656!important;
    text-decoration: none;
    }