body{font-family:'Roboto', sans-serif;display:flex;min-height:100vh;flex-direction:column;margin:3px;text-align:center;}
header img{width:100% !important;height:auto !important;border:0;margin:0;}
article img, aside img{max-width:100% !important;height:auto !important;border:0;margin:0;}
 h1 {
        font-size:2.4rem;
    }
    @media (max-width: 1024) {
        h1 {
            font-size:2.2rem;
			color:#ffffff;
			margin:0 auto;
        }
    }
	@media (min-width: 800px) {
        h1 {
            font-size:2.0rem;
			color:#ffffff;
			margin:0 auto;
        }
    }
    @media (min-width: 768px) {
        h1 {
            font-size:1.8rem;
			color:#ffffff;
			margin:0 auto;
        }
    }
	@media (min-width: 640px) {
        h1 {
            font-size:1.6rem;
			color:#ffffff;
			margin:0 auto;
        }
    }
    @media (min-width: 480px) {
        h1 {
            font-size:1.5rem;
			color:#ffffff;
			margin:0 auto;
        }
    }
	@media (min-width: 320px) {
        h1 {
            font-size:1.0rem;
			color:#ffffff;
			margin:0 auto;
        }
    }	
	h2 {
        font-size:2.1rem;
    }
    @media (max-width: 1024) {
        h2 {
            font-size:1.9rem;
			color:#000000;
			margin:0 auto;
			border-bottom:2px solid #ffbf00;
        }
    }
	@media (min-width: 800px) {
        h2 {
            font-size:1.7rem;
			color:#000000;
			margin:0 auto;
			border-bottom:2px solid #ffbf00;
        }
    }
    @media (min-width: 768px) {
        h2 {
            font-size:1.5rem;
			color:#000000;
			margin:0 auto;
			border-bottom:2px solid #ffbf00;
        }
    }
	@media (min-width: 640px) {
        h2 {
            font-size:1.3rem;
			color:#000000;
			margin:0 auto;
			border-bottom:2px solid #ffbf00;
        }
    }
    @media (min-width: 480px) {
        h2 {
            font-size:1.1rem;
			color:#000000;
			margin:0 auto;
			border-bottom:2px solid #ffbf00;
        }
    }
	@media (min-width: 320px) {
        h2 {
            font-size:0.9rem;
			color:#000000;
			margin:0 auto;
			border-bottom:2px solid #ffbf00;
        }
    }	
	h3 {
        font-size:2.0rem;
    }
    @media (max-width: 1024) {
        h3 {
            font-size:1.8rem;
			color:#ffffff;
			margin:0 auto;
        }
    }
	@media (min-width: 800px) {
        h3 {
            font-size:1.6rem;
			color:#ffffff;
			margin:0 auto;
        }
    }
    @media (min-width: 768px) {
        h3 {
            font-size:1.4rem;
			color:#ffffff;
			margin:0 auto;
        }
    }
	@media (min-width: 640px) {
        h3 {
            font-size:1.2rem;
			color:#ffffff;
			margin:0 auto;
        }
    }
    @media (min-width: 480px) {
        h3 {
            font-size:1.0rem;
			color:#ffffff;
			margin:0 auto;
        }
    }
	@media (min-width: 320px) {
        h3 {
            font-size:0.8rem;
			color:#ffffff;
			margin:0 auto;
        }
    }	
	h4 {
        font-size:2.0rem;
    }
    @media (max-width: 1024) {
        h4 {
            font-size:1.8rem;
			color:#ffffff;
			margin:0 auto;
        }
    }
	@media (min-width: 800px) {
        h4 {
            font-size:1.6rem;
			color:#ffffff;
			margin:0 auto;
        }
    }
    @media (min-width: 768px) {
        h4 {
            font-size:1.4rem;
			color:#ffffff;
			margin:0 auto;
        }
    }
	@media (min-width: 640px) {
        h4 {
            font-size:1.2rem;
			color:#ffffff;
			margin:0 auto;
        }
    }
    @media (min-width: 480px) {
        h4 {
            font-size:1.0rem;
			color:#ffffff;
			margin:0 auto;
        }
    }
	@media (min-width: 320px) {
        h4 {
            font-size:0.8rem;
			color:#ffffff;
			margin:0 auto;
        }
    }
	
	p {
        font-size:2.2rem;
    }
    @media (max-width: 1024) {
        p {
            font-size:2.0rem;
			color:#000000;
			text-align:left;
			margin:5px;
        }
    }
	@media (min-width: 800px) {
        p {
            font-size:1.8rem;
			color:#000000;
			text-align:left;
			margin:5px;
        }
    }
    @media (min-width: 768px) {
        p {
            font-size:1.6rem;
			color:#000000;
			text-align:left;
			margin:5px;
        }
    }
	@media (min-width: 640px) {
        p {
            font-size:1.4rem;
			color:#000000;
			text-align:left;
			margin:5px;
        }
    }
    @media (min-width: 480px) {
        p {
            font-size:1.2rem;
			color:#000000;
			text-align:left;
			margin:5px;
        }
    }
	@media (min-width: 320px) {
        p {
            font-size:1.0rem;
			color:#000000;
			text-align:left;
			margin:5px;
        }
    }
.roteiro{color:#000000;font-size:1.0rem;margin:0 auto;font-weight:bold;}
.reservas,.reservas a,.reservas a:link,.reservas a:visited{font-size:.9rem;font-weight:normal;color:#000000;margin:3px;}
.reservas a:hover{font-size:0.9rem;font-weight:normal;color:#000000;background-color:#84c225;margin:3px;}
.contact{color:#ffffff;font-size:1.0rem;margin:0px;padding:0px;display:flex;display:inline-block;text-align:center;background-color:#4e7549;}
.contact a:hover {background-color:#84c225;}
.main{display:flex;flex:1;flex-direction:column;height:auto !important;}
.main>nav{order:-1;float:left;height:auto !important;}
.navbar, .navbar a{overflow:hidden;margin:0;display:block;width:100% !important;height:auto !important;text-align:center;text-decoration:none;position:relative;font-size:0.9rem;color:#ffffff;padding:5px 0px 5px 0px;border-bottom:1px solid #ffbf00;background-color:#4e7549;}
.navbar a:hover, .navbar a.active{background-color:#84c225;color:#ffffff;padding:5px 0px 5px 0px;}
.navbar .icon{display:none}
@media screen and (max-width:640px){.navbar a:not(:first-child){display:none}
.navbar a.icon{margin:0 auto;display:block;}
}
@media screen and (max-width:640px){.navbar.responsive a.icon{position:relative;right:0;bottom:0;}
.navbar.responsive a{float:none;display:block;text-align:center;}
}

@media screen and (max-width:640px){.navbar a:not(:first-child){display:none}
.navbar a.icon{margin:0 auto;display:block;}
}@media screen and (max-width:640px){.navbar.responsive a.icon{position:relative;right:0;bottom:0;}
.navbar.responsive a{float:none;display:block;text-align:center;}
}
.main>article{flex:1;width:58%;float:left;height:auto !important;border:2px solid #ffbf00;border-radius:7pt;background-color:#ffffff;}
@media (max-width: 640px) 
{
.main>article 
   {
  min-width:96% !important;
  height: 240px !important;
   }
} 
@media (max-width: 480px) 
{
.main>article 
   {
  min-width:96% !important;
  height: 320px !important;
   }
} 
@media (max-width: 320px) 
{
.main>article 
   {
  min-width:96% !important;
  height: 240px !important;
   }
}
.slideshow {margin:0px auto;padding: 0px;position: relative;max-width:100% !important;height:430px !important;border-radius:7pt;}
.slideshow img {position:relative;max-width:100% !important;height:430px !important;border-radius:7pt;}
.slideshow > div {position:absolute;top:1px !important;left:1px !important;right:1px !important;bottom:1px !important;}
@media (max-width: 480px) 
{
.slideshow, .slideshow img 
   {
  min-width:100% !important;
  height: 320px !important;
   }
} 
@media (max-width: 320px) 
{
.slideshow, .slideshow img 
   {
  min-width:100% !important;
  height: 240px !important;
   }
}
.packages img{width:32% !important;max-height:100px !important;display:inline;}
footer, .main>nav, .main>aside{height:auto;border:2px solid #ffbf00;border-radius:5pt;background-color:#4e7549;}
footer, article, nav, aside{padding:0.5rem;}
header{min-width:99% !important;height:auto !important;border:2px solid #ffbf00;border-radius:5pt;background-color:#4e7549;display:inline-block;}
article{clear: both;}
footer{clear: both;}
@media screen and (min-width:640px){.main{flex-direction:row;}
.main>nav{width:18%;float:left;height: expression(this.scrollHeight <= "670" ? "670" : "auto");min-height: 670px;}
.main>aside{width:18%;float:right;height: expression(this.scrollHeight <= "670" ? "670" : "auto");min-height: 670px;}
@media (max-width: 640px) 
{
.aside img 
   {
  width:18% !important;height:auto !important;border:0;margin:0;display:inline;
   }
} 
@media (max-width: 480px) 
{
.aside img 
   {
  width:18% !important;height:auto !important;border:0;margin:0;display:inline;
   }
} 
@media (max-width: 320px) 
{
.aside img 
   {
  width:18% !important;height:auto !important;border:0;margin:0;display:inline;
   }
}