.page-id-849 .logo_container {
    padding-left: 30px !important;
}

.page-id-849 #et-top-navigation {
    padding-right: 30px !important;
}

.footermessage {
	text-align:center;
}

.container:before { background-color:transparent !important; }
.et_pb_widget_area_right { border-left:0 !important; }
.et_pb_widget_area_left { border-right:0 !important; }

.newbutton {
    border: 4px #ffffff solid;
	  border-color: #fff;
    color: #fff !important;
    padding: .5em;
    padding-right: 1.5em;
    padding-left: 1.5em;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 1em;
    font-weight: 500;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	  text-transform: uppercase;
}

.newbutton:hover {
    background-color: #fff !important;
    opacity:1;
    border: 4px #ffffff solid;
    color: #f05f48 !important;
    cursor: pointer;
}

.home-container {
	width:100%;
	max-width:100%;
	height:700px;
  display: block;
}

@media screen and (max-width: 767px) {
	.home-container {
		display:none !important;
	}
}


.home-container-mobile {
	width:100%;
	max-width:100%;
	height:auto;
  display: block;
}

@media screen and (min-width: 767px) {
	.home-container-mobile {
		display:none !important;
	}
}

.homeslideintro {
	font-size:.8em;
	font-weight:200;
	text-shadow: 0px 0px 80px #000;
}

@media screen and (max-width: 767px) {
.homeslideintro {
	font-size:.7em;
}
}

.homeslideintrolarge {
	font-size:1.7em;
	font-weight:800;
	text-shadow: 0px 0px 80px #000;
}

@media screen and (max-width: 767px) {
.homeslideintrolarge {
	font-size:1.4em;
}
}

.homepageh1 {
	color:#fff;
  line-height: 1.7em;
}

.homeslidetext {
	padding-top:15%;
	padding-bottom:20.35%;
	z-index:-1;
}

@media screen and (max-width: 767px) {
.homeslidetext {
	font-size:80%;
}
}

.homeslide1 {
  width:100%;
	height:auto;
	background-image: url(/wp-content/uploads/slider-food-2.jpg);
	background-size: cover;
  background-repeat: no-repeat;
	text-align: center;
}

.homemessage1 {
	background-color:#3b5998;
	height:auto;
	width:100%;
	text-align: center;
	color:#fff;
	padding:20%;
	z-index:-1;
}

.homemessage2 {
	background-color:#D32323;
	height:auto;
	width:100%;
	text-align: center;
	color:#fff;
	padding:20%;
	z-index:-1;
}

@media screen and (max-width: 767px) {
#main-header {
    background-size: cover !important;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/header-1.jpg) !important;
	  background-position: right center;
}
}

#main-header {
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url(/wp-content/uploads/header-1.jpg) !important;
	  background-position: right center;
}

.footermessage {
	font-size:.7em;
	color:#fff;
	margin-top:-.3em;
}

.hstyle {
	text-align:center;
	font-size:1.6em;
}

.hstyle2 {
	text-align:center;
	font-size:.8em !important;
}

.hstyle3 {
	font-size:.8em !important;
}

.menustyle {
	text-align:center;
	font-size:.7em;
	line-height:1.4em;
	margin-top:-.3em;
}

.menudesc {
	font-size:.7em;
	line-height:1.4em;
}
.menudesc2 {
	font-size:.9em;
	line-height:1.4em;
}

#maincolor {
	color:#f05f48;
}

@media screen and (max-width: 767px) {
#mobilemargin1 {
  margin-top:-1em !important;
}
}

@media screen and (max-width: 767px) {
#mobilemargin2 {
  margin-top:-2em !important;
}
}

@media screen and (max-width: 767px) {
#mobilemargin3 {
  margin-top:-3em !important;
}
}

@media screen and (max-width: 767px) {
#mobilemargin4 {
  margin-top:-4em !important;
}
}

@media screen and (max-width: 767px) {
#mobilemargin5 {
  margin-top:-5em !important;
}
}


@media screen and (max-width: 767px) {
#mobilepadding1 {
  margin-top:1em !important;
}
}

@media screen and (max-width: 767px) {
#mobilepadding2 {
  margin-top:2em !important;
}
}

@media screen and (max-width: 767px) {
#mobilepadding3 {
  margin-top:3em !important;
}
}

@media screen and (max-width: 767px) {
#mobilepadding4 {
  margin-top:4em !important;
}
}

@media screen and (max-width: 767px) {
#mobilepadding5 {
  margin-top:5em !important;
}
}

#marginhalf {
  margin-top:-.5em !important;
}

#margin1 {
  margin-top:-1em !important;
}

#margin2 {
  margin-top:-2em !important;
}

#margin3 {
  margin-top:-3em !important;
}

#margin4 {
  margin-top:-4em !important;
}

#margin5 {
  margin-top:-5em !important;
}

#paddinghalf {
  margin-top:.5em !important;
}

#padding1 {
  margin-top:1em !important;
}

#padding2 {
  margin-top:2em !important;
}

#padding3 {
  margin-top:3em !important;
}

#padding4 {
  margin-top:4em !important;
}

#padding5 {
  margin-top:5em !important;
}



@media screen and (max-width: 767px) {
 .et_pb_slider .et_pb_slide_0 {
    background: #656b07 !important;
    margin-top: 0em;
    margin-bottom:2em !important;
}
}



.subheader {
  font-size:1.4em;
  padding-bottom:1.5em;
}


.subheader1 {
  font-size:1.4em;
  padding-bottom:1em;
  margin-top:-1em;
}


.col-container { 
  overflow: hidden; 
  width: 100%;
}
 
/*
 * Align boxes left and right, respectively - two column layout.
 * These are to be used with:
 * Note these are IDs, not classes.
 */
#two-col-1-a1 {
  display: inline-block;
  float: left; 
  text-align: left;
  width: 50%;
	padding-right:1em;
}
#two-col-2-a1 {
  display: inline-block;
  float: right;
  text-align: right;
  width: 50%;
}
 


#two-col-1-a {
  display: inline-block;
  float: left; 
  text-align: left;
  width: 80%;
	padding-right:1em;
}
#two-col-2-a {
  display: inline-block;
  float: right;
  text-align: right;
  width: 20%;
}
 


#two-col-1 {
  display: inline-block;
  float: left; 
  text-align: left;
  width: 45%;
}
#two-col-2 {
  display: inline-block;
  float: right;
  text-align: left;
  width: 45%;
}
 
/*
 * 3 column layout, last number dictates the order you use them in.
 */
.three-col-1, .three-col-2, .three-col-3 {
  float: left;
  width: 30%;
  padding-right: .5em;
}
 
/*
 * 3 column layout, last number dictates the order you use them in.
 */
.five-col-1 {
  width: 15.5%;
}
.five-col-1, .five-col-2, .five-col-3, .five-col-4, .five-col-5 {
  float: left;
  width: 15%;
  padding-right: .2em;
}
 
/*
 * Tweaks all of the above to, in general, look acceptable on mobile. 
 */
@media screen and (max-width: 767px) {
  /* Use this to stop the display of problematic elements on mobile. */
  .mobile-nodisp {
    display: none !important;
  }
  /* Ugly magic. */
  #two-col-1, #two-col-2,
  .three-col-1, .three-col-2, .three-col-3,
  .five-col-1, .five-col-2, .five-col-3, .five-col-4, .five-col-5 {
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 100% !important;
  }
  /* Really ugly magic. */
  #two-col-1 img, #two-col-2 img,
  .three-col-1 img, .three-col-2 img, .three-col-3 img,
  .five-col-1 img, .five-col-2 img, .five-col-3 img, .five-col-4 img, .five-col-5 img,
  #two-col-1 iframe, #two-col-2 iframe,
  .three-col-1 iframe, .three-col-2 iframe, .three-col-3 iframe,
  .five-col-1 iframe, .five-col-2 iframe, .five-col-3 iframe, .five-col-4 iframe, .five-col-5 iframe {
    width: 100% !important;
    height: auto !important;
  }
}