/* MEDIA QUERIES ****************************************************************************/

@media (max-width:1120px) /* 1030px*/
{
  /*inner Wrapper*/
.innerWrapper{width: 95%;}

/*/foating nav, slide*/
#navWrapper{position: absolute; width: 100%; top: 172px; left: 0px; z-index: 100;}
#slideFloat{position: absolute; top: 215px; width: 100%; z-index: 90;}
img.spacer{margin-bottom: 15px;}

}



@media (max-width: 950px)
{
 
 /*NAV*/
/*#navDiv{width: 80%; max-width: 600px; margin-left: auto; margin-right: auto; background-image: url('images/gradient_Nav.jpg'); background-repeat: repeat-x; background-color: #cb5000; color: #000000; padding: 16px 12px 6px 12px;}*/

/*/foating nav, slide*/
img.spacer{margin-bottom: 10px;}

}



@media (max-width: 800px)
{
html{background-image: url('images/gradient_Main2.jpg');
}

html, body {
    background-image: url('images/gradient_Main2.jpg'); background-repeat: repeat-x;
  }
/*header*/
#header{height: 338px; background-image: url('images/bg_Header2.jpg'); text-align: center;}
#headerTxt{float: none; margin-top: 10px; margin-right: 0px; text-align: center; font-size: 14px; margin-top: 5px; line-height: 150%;}
#headerTxt span.big{font-size: 18px;}
#logo{float: none; margin-left: auto; margin-right: auto;}

/*foating nav, slide*/
#navWrapper{position: absolute; width: 100%; top: 240px; left: 0px; z-index: 100;}
#slideFloat{position: absolute; top: 305px; width: 100%; z-index: 90;}
/*spacer under slide*/
img.spacer{margin-bottom: 10px;}


/*general*/
h1{width: 60%;}

}



@media (max-width: 750px)
{
    
/* NAV MAIN LINKS */
#navWrapper{top: 240px;}
#navDiv{width: 100%; padding: 10px 0px 5px 0px;}

/*nav*/
a.nav{display: block; margin-bottom: 8px; color: #000000; font-size: 18px; padding: 0px;  font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; line-height: 120%; text-decoration: none; font-weight: normal;}
a.navLive{display: block; margin-bottom: 8px; color: #ffe9af; font-size: 18px; padding: 0px;  font-family: TimesNewRoman, 'Times New Roman', Times, Baskerville, Georgia, serif; line-height: 120%; text-decoration: none; font-weight: normal;}

#navDiv span{display: none;}

/*foating nav, slide*/
#slideFloat{position: absolute; top: 380px; width: 100%; z-index: 90;}
/*spacer under slide*/
img.spacer{margin-bottom: 87px;}
img.spacer2{display: block; height: 50px;}
  
/*foating nav, slide*/
#slideWrapper{
  margin-right: 0px; margin-left: 0px;
}

/*brown blocs*/
.blocBrownWrapper{margin: 0px 0px 10px 0px;}
.blocBrownInner{padding: 15px 20px 10px 20px;}

/*general*/
h1{width: 60%; font-size: 30px;}
h2{margin: 20px 0px 20px 0px;}

/*images - thirds*/
div.img3 img{width: 32%;}

}

@media only screen and (max-width: 600px)
{

    
/*general*/
h1{width: 80%; font-size: 30px;}
h2{font-size: 18px;}

p{font-size: 14px;
    line-height: 180%;}

/*spacer under slide*/
img.spacer{margin-bottom: 77px; }

}



@media (max-width: 500px)
{
    
/* NAV MAIN LINKS 
#navWrapper{ top: 255px;}
#navDiv{width: 90%; padding: 10px 12px 5px 12px;}*/
/*floating nav,slide*/
#slideFloat{top: 382px;}
/*spacer under slide*/
img.spacer{margin-bottom: 75px;}


/*general*/
h1{width: 100%; font-size: 30px;}

/*brown blocs*/
.blocBrownInner{padding: 10px 10px 5px 10px;}

/*images - thirds*/
div.img3{text-align: center;
  padding: 5px 5px 5px 5px;}
  
div.img3 img{float: none; margin-right: auto; margin-left: auto; margin-bottom: 5px; width: 80%;}


/*FOOTER*/
#footerDiv p{float: none; text-align: center; margin-right: 0px; color: #835d45;}
#footerDiv p span{display: block; font-size: 12px;}

/* COOKIE BANNER */
#footerDiv p.footerCookieChange{
  text-align: center;
}

}


@media (max-width: 420px)
{

/*header*/
#headerTxt{font-size: 13px; margin-top: 5px; line-height: 150%;}
#headerTxt span.big{font-size: 17px;}

/*images - thirds*/
div.img3 img{width: 95%;}

}

@media (max-width: 350px)
{
    
/*spacer under slide*/
img.spacer{margin-bottom: 65px;}

/*general*/
h1{width: 100%; font-size: 25px;}

/*images - thirds*/
div.img3 img{width: 100%;}

}


@media (max-width: 280px)
{

/*foating nav, slide*/
#navWrapper{ top: 250px;}

/*nav*/
a.nav{font-size: 16px;}
a.navLive{font-size: 16px;}
    

#headerTxt span.vanish{display: none;}

}

@media only screen and (max-width: 250px)
{

}