@media screen and (max-width: 749px){	
/*Mobile menu*/
.navbar,
.navbar-spacer {
	display: block;
	width: 100%;
	z-index: 99;
	border-top:1px solid #E29B02;
	border-bottom:1px solid #FFFFFF;
	background: #8A4901 url(/i/navbkgrd.gif) center top repeat-x;
	}
.navbar-spacer {
	display: none; 
	}
.navbar > .container {
	width: 100%; 
	}

.has-docked-nav .navbar {
	position: fixed;
	top: 0;
	left: 0; 
	}
.has-docked-nav .navbar-spacer {
	display: block; 
	}
/* Re-overiding the width 100% declaration to match size of % based container */
.has-docked-nav .navbar > .container {
	width: 90%; 
	}

.mainWrap {
  width: auto;
  padding: 50px 20px;
}

.menu { display: none; }

.responsive-menu { display: block; }

nav {
  margin: 0;
  background: none;
}

.menu li {
  display: block;
  margin: 0;
}

li.remove-menu {
	display:none;
	}

.menu li a {
	border-top:1px solid #E29B02;
	border-bottom:1px solid #FFFFFF;
	background: #8A4901 url(/i/navbkgrd.gif) center top repeat-x;
  color: #ffffff;
}

.menu li a:hover,
.menu li:hover>a {
  background: #dc7601;
  color: #fff;
}

.menu ul {
  visibility: hidden;
  opacity: 0;
  top: 0;
  left: 0;
  width: 100%;
  transform: initial;
}

.menu li:hover>ul {
  visibility: visible;
  opacity: 1;
  position: relative;
  transform: initial;
}

.menu ul ul {
  left: 0;
  transform: initial;
}

.menu li>ul ul:hover { transform: initial; }
}



/* Shared */
.button {
  border-radius: 100px;
}


/* Bigger than 550 */
@media (min-width: 550px) {
}

/* Bigger than 750 */
@media (min-width: 750px) {
	.content {
		padding: 3rem 5rem;
	}
	.sidebar {
		padding: 3rem 5rem;
	}

}

/* Bigger than 1000 */
@media (min-width: 1000px) {
}

/* Larger than tablet */
@media (min-width: 750px) {
/***** Nav Menu ********************/
.navbar,
.navbar-spacer {
	display: block;
	width: 100%;
	/*height: 4.5rem;*/
	border-top:1px solid #E29B02;
	border-bottom:1px solid #FFFFFF;
	background: #8A4901 url(/i/navbkgrd.gif) center top repeat-x;
	z-index: 99;
	}
.navbar-spacer {
	display: none; 
	}
.navbar > .container {
	width: 100%; 
	}

.has-docked-nav .navbar {
	position: fixed;
	top: 0;
	left: 0; 
	}
.has-docked-nav .navbar-spacer {
	display: block; 
	}
/* Re-overiding the width 100% declaration to match size of % based container */
.has-docked-nav .navbar > .container {
	width: 90%; 
	}
}


.remove-menu {
	display:none;
	}

@media (min-width: 950px) {
}


/* =Structure Mobile
-------------------------------------------------------------- */
 
/*.wrap{
    max-width: 1400px;
    margin: 0 auto;
    padding: 1em;
}
 
.wrap:after {
    content: "";
    display: table;
    clear: both;
}*/
 
#primary{
    max-width: 840px;
    margin: 0 auto;
		border-left:1px solid #dfe0d7;
		border-right:1px solid #dfe0d7;
}
 
#secondary{
    min-width: 200px;
    /*max-width: 300px;*/
    margin: 0 auto;
}

#content, 
#secondary .widget{
    padding: 1em;
    margin-bottom: 1em;
}

#secondary {
	background-color:#f1f2e8;
}

#tertiary{
		min-width:0;
    width: 0;
    margin: 0;
}


/* =Structure Tablet
-------------------------------------------------------------- */
 
@media screen and (min-width : 900px) {
    #primary{
        float: left;
        width: 65%;
        padding-right: 1em;
    }
 
    #secondary,
    #tertiary{
        float: right;
        clear: right;
        width: 35%;
    }

	#content, 
	#secondary .widget,
	#tertiary .widget{
			padding: 25px 1em;
			margin-bottom: 1em;
	}

	#tertiary{
			width: 0;
			margin: 0;
	}

}

/* =Structure Desktop
-------------------------------------------------------------- */

@media screen and (min-width : 1140px) {
    #primary{
        float: left;
        margin-left: 30%;
        width: 70%;
        padding: 0 1em;
    }
 
    #secondary{
        float: left;
        margin: 0 0 0 -100%;
        width: 30%;
        clear: none;
    }
 
    #tertiary{
        float: right;
        width: 0;
        clear: none;
    }

	#secondary .widget{
			padding: 25px 2em;
			margin-bottom: 1em;
	}

	#tertiary .widget{
			padding: 0;
			margin-bottom: 0;
	}

	#tertiary{
			width: 0;
			margin: 0;
	}

}



