a{display:inline;}
.spacer{clear:both;}
.container-fluid{max-width: 100%;}
body{padding-bottom:60px;font-size:17px;text-align:center;font-family:'Muli',verdana,arial;color:white;background-color:#f9ecd9;}
.logo-bg{position: fixed;right: 10px;width: 300px;z-index: 50;}

.border-top{background-color:#e48900;height:5px;width:100%;}

nav.mainnav.navbar{position:absolute;z-index:200;width: 100%;margin-top: 20px;}
nav.mainnav.bg-light{background-color:rgba(255,255,255,0) !important;}
nav.mainnav .navbar-brand{xdisplay:none;}
nav.mainnav ul.navbar-nav{margin:auto;}
nav.mainnav li.nav-item{padding:1px;margin:0 0px 0 0px;border:none;background-color:rgb(222 123 29);}
nav.mainnav a.nav-link {padding: .05rem .05rem;xborder:1px solid #BA7010;border-radius:3px;color:#ffffff !important;font-size:17px;}
nav.mainnav .dropdown-item {color:white!important;}
nav.mainnav .dropdown-item:hover{background-color:rgba(248,148,0,0.5);}
nav.mainnav .navbar-nav .dropdown-menu{background-color:rgba(226,125,15,0.9);color:white;text-align: center;font-size: 0.9em;}
nav.mainnav .navbar-collapse {text-align:center;background-color:rgba(211,111,15,0.9);border:1px solid white;border-radius:4px;}
nav.mainnav .navbar-toggler {color: rgba(255,255,255,1) !important;border-color:rgba(255,255,255,0.9);}

.header{background-color:#fafcf5;margin-top:0px;background: linear-gradient(180deg, rgb(204, 105, 0) 0%, rgba(228,137,0,1) 88%, rgba(228,137,0,1) 100%);}
.Xheader{background-color:#fafcf5;margin-top:0px;background: linear-gradient(180deg, rgba(196,117,0,1) 0%, rgba(228,137,0,1) 78%, rgba(228,137,0,1) 100%);}
.header .main-title{pmargin-top:-40px;width: 100%;padding-bottom:3px;xborder:1px solid red;text-align:center;font-size:1.7em;font-family:Philosopher;font-weight:700;}
.header .logo{height:130px;padding:15px;padding-bottom:2.5em;}
.header .logo img {height:90%;}

.Xheader .top-wrapper{background-color:#c97e0d;position:fixed;width:100%;xborder:1px solid red;}
.Xheader .top{height:30px;}

.Xheader .top .navigation{margin:auto;padding:0;display:inherit;list-style-type:none;text-transform: uppercase;margin-top:2px;}
.Xheader .top .navigation a{color:white;}
.Xheader .top .navigation li{padding-left:20px;}

.Xheader .bottom-wrapper{background-color:#e48900;margin:0;padding:0;}
.Xheader .bottom{background: linear-gradient(180deg, rgba(196,117,0,1) 0%, rgba(228,137,0,1) 78%, rgba(228,137,0,1) 100%);}
.Xheader .bottom .main-title{font-size:1.7em;font-family:Philosopher;font-weight:700;}
.Xheader .bottom .main-title h1{font-size:1.5em;margin-bottom:0px;}
.Xheader .logo{bxorder:1px solid blue;padding:5px 5px 0 0;}
.Xheader .logo img{width:calc(100%);padding:20px 0 20px 0;vertical-align:bottom;}

.main{color:#555555;xpadding:0 0 0 0;}
X.main .intro-wrapper{xbackground-color:#e78b00;background: linear-gradient(0deg, rgb(211, 119, 0) 0%, rgba(218,127,0,1) 88%, rgba(218,127,0,1) 100%);color:white;xpadding-left:0;xpadding-right:0;}
.main .intro-wrapper{background: linear-gradient(180deg, #d97c00 0%, #ffe1b4 88%, #f9ecd9 100%);color:white;}
body.editmode .main .intro-wrapper{padding-top:100px;}
.main .introimage{text-align:center;padding-left:0;padding-right:0;min-height:50px;max-height:450px;overflow:hidden;}
.main .introimage img{xheight:100%;xwidth:100%;}
.main .introimage-left img{xobject-fit:scale-down;float:left;width:100%;}
.main .template-3 .introimage{order:1;}
.main .introimage-full{padding:0;min-height:100px;}
.main .introimage-full img{max-width: 100%;max-height: 100%;}
.main .introtext-wrapper{padding:15px 5% 30px 5%;line-height:1.5;}
.main .template-3 .introtext-wrapper{order:2;}
.main .introtext-wrapper-full{background: linear-gradient(180deg, rgb(154, 71, 19) 0%, rgb(197, 108, 6) 88%, rgb(178, 92, 12) 100%);padding:15px 5% 30px 5%;background-color:#e78b00;line-height:1.5;}
.main .introtext{font-size:18px;}
.main .wave{position:absolute;width:100%;margin-top:-20px;object-fit:contain;xborder:1px solid green;}
.main .wave img{width:100%;}
.main .wave .wave-bottom{height:15px; background-color:#f9ecd9;}
.main .main-content-wrapper{background-color:#f9ecd9;padding-top:40px;padding-bottom:30px;}
.main .main-content-wrapper .main-content{text-align:left;}
.main th{color:#404040;}
.main .main-content h3{color:#d87900;}
.price-table{margin:auto;width:95%;display:table;background-color:white;color:black;width:300px;text-align:center;}


.footer{background-color:#f9ecd9;text-align:center;padding:5px 0px 0px 0px;margin:0;position:fixed;bottom:0;width:100%;}
.footer-content{background-color:#d97c00;padding:5px;}
.footer-content a{margin:0 20px 0 20px;color:white;display:block;}
.footer p{padding:0;margin:0;}

@media (min-width: 576px) {
  body {font-size:17px;text-align:left;}
	.footer-content a{display:inline;}
  .header .logo{height:110px;padding-bottom:5px;padding-top:20px;}
  .header .main-title{margin-top: -75px;padding-bottom: 20px;}
  nav.mainnav.navbar{margin-top: 35px;}
  .price-table{width:400px;}
}

@media (min-width: 768px){
	.main .wave{margin-top:-30px;}
	.main .introtext-wrapper{display:flex;justify-content: center;align-items: center;padding:0 5% 20px 5%;}
	.header .bottom .main-title h1{font-size:1.8em;}
  .main .introtext-wrapper-full{background:initial;position: absolute;width: 30%;right: 5%;margin-top: 5%;background-color: rgba(100,60,2,.15);padding: 2%;Xborder: 1px solid rgba(255,255,255,0.5);border-radius: 5px;}
	.main .template-3 .introimage{order:3;}
	.main .introimage-right{text-align:right;}
	
}

@media (min-width: 992px){
	.main .wave{margin-top:-45px;}
	.main .introtext-wrapper{line-height:2.2;}
	.header .bottom .main-title h1{font-size:2em;}
  nav.mainnav.navbar{margin-top: 75px;}
  .header .main-title{margin-top:15px;position:absolute;margin-top:-100px;}
  nav.mainnav .navbar-collapse{background-color:rgba(255,255,255,0);border:none;border-radius:0;}
  nav.mainnav li.nav-item{box-shadow: 0px 0px 8px rgba(255,255,255,0.5);border:1px solid rgba(255,255,255,0.7);border-radius:4px;margin:0 3px 0 3px;}
  nav.mainnav .navbar-nav .dropdown-menu{text-align:left;}
	.main .introimage-right{text-align:center;}
  .header .logo{height:120px;padding-bottom:10px;}
  .main .introtext{font-size:22px;line-height:1.5;}
}

@media (min-width: 1140px){
  .main .introtext{font-size:24px;}
}