/*
 Theme Name:   Inspire Child
 Theme URI:    http://exa
 Description:  Inspire Child theme used for Tava Kitchen
 Author:       Bobby Gulshan, fr Delivery Room Media
 Author URI:   http://deliveryroommedia.com
 Template:     inspire
 Version:      1.0.0
 License:      GNU General Public License v2 or later
 License URI:  http://www.gnu.org/licenses/gpl-2.0.html
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  inspire-child
*/

/** ===================================================================================

This is the child-theme stylesheet for Inspire theme, and one off for Tava Kitchen. 

Gonna start with mobile tweaks, then on to Mobile, then larger screens. Tasty!

correct logo brown: #4c3631;
Light gree: #45a040;
Dark Green:#359030;
cocoa brown (from logo) thing:#4c3631;
lighter logo thing:#66503b;
dark brown for bottom of footer: 27140d; 
footer buttons and tags: #4c3631;
=====================================================================================**/

input-placeholder{
	font-family: 'Montserrat';
    font-style: italic;
}
::-webkit-input-placeholder {
    font-family: 'Montserrat';
    font-style: italic;
}
::-moz-placeholder {
   font-family: 'Montserrat';
    font-style: italic;
}
::-moz-placeholder {
    font-family: 'Montserrat';
    font-style: italic;
}
::-ms-input-placeholder {
    font-family: 'Montserrat';
    font-style: italic;
}

input {
    border-radius: 0;
}

.post-share{
	display: none;
}

hr {
    display: block;
    height: 3px;
    border: 0;
    border-top: 3px solid #45a040;
    margin: 1em 0;
    padding: 0; 
}



h1, h2, h3, h4, h5, h6{
	font-family: 'Montserrat';
}

p{
	font-family: 'Roboto';
}

.item-title.double{
	background:#45a040;
	
}

.item-title.double a{

	font-weight: bold;
}

.item .item-excerpt{
	background:#45a040;
}

.item .item-excerpt p{
	color:white;
	font-weight: 100;
	font-size: 1.25em;
	line-height: 1.25em;
}

.item .meta{
	background: #359030;
}


#footer-wrap{
	background-color: #1d1512;
	width: 100%;
}




#filter_subfilter{
	display: none;
}

#menuBtn{
    color: white;
    background-color: #45a040;
    font-size: 2em;
    padding: 10px;
    border-radius: 15px;

 }

 #menuBtn a{
 	color: white;
 	font-family: 'Montserrat';
 }


 .banner-image img{
 	width:100%;
 	margin-top:10px;
 }

 #single-header-logo{
 	padding-top: 25px;
 }

 #single-header-logo img{
 	width:15%;
 	height: auto;

 }

#single-header{
	text-align: center;
}
#single-social-block{
	margin-top: 10px;
}

#single-social-block img{
		width:32px;
		height: 32px;
		text-align: center;
		
	}

.post .post-entry a, .post-entry-about a{
	color: #45a040;
	text-decoration: none;
	opacity:0.8;
}

.post .post-entry a:hover, .post-entry-about a:hover{
	opacity:1.0;
	text-decoration: underline;
}



@media(min-width: 320px){

	/* A lot of this is to correct the responsive.css file where the theme devs wrote things with max-width, so it 
	messes with a mobile first approach. using interrobang is sort of lazy CSS, but in this case, it is ok, I think */

	#bg-wrapper{
		width: 100%;
	}

	#wrapper{
		margin:0px !important;
		width:100% !important;
	}

	#header-social, #header-search{
		display: none;

	}

	#social-block{
		padding-top: 15px;
	}

/** Sizing logos */

	#logo{
		padding: 15px 0 15px 0;

	}

	#logo img{
		width:85%;
	}

	#logo-single{
		text-align: center;
		padding-top: 30px;
		padding-bottom: 15px;
	}

	#logo-single img{
		width:60%;
		
	}

	#filter{
		margin:10px;
		background: none;
		padding-bottom:0px;
		padding-top: 0px;
	}

	#social-block img{
		width:32px;
		height: 32px;
		text-align: center;
	}

	#social-block{
		text-align: center;
		margin-top:50px;
	}

	#social-block-single{
		text-align: center;
	}


	#social-block-single img{
		width:32px;
		height: 32px;
		text-align: center;
	}

/*Banner Images, handling background image URL's and standard height / width */

	#banner-image-menu{
		background-image: url("http://newsite.tavakitchen.com/wp-content/uploads/2016/07/Ingredients-Banner-Image.png");
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center;

	}


	#banner-image-catering{
		background-image: url("http://tavakitchen.com/wp-content/uploads/2016/12/Catering-Small.jpg");
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center;
	}

	#banner-image-about{
		background-image: url("http://newsite.tavakitchen.com/wp-content/uploads/2016/07/About-Us-Banner-Image.png");
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center;
	}

	#banner-image-location{
		background-image: url("http://tavakitchen.com/wp-content/uploads/2016/12/Adventure.jpg");
		background-repeat:no-repeat;
		background-size:cover;
		background-position:center;
	}

	.banner-copy h1{
		font-family: "Montserrat";
		font-size: 2.5em;
		color:black;
		text-align: center;
		padding:10px 15px 10px 15px;
		font-weight: 700;
	}

	#banner-copy{
		height:201px;
	}

	#banner-image-about .banner-copy h1, #banner-image-location .banner-copy h1, #banner-image-catering .banner-copy h1{

		font-family: "Montserrat";
		font-size: 3.5em;
		color:white;
		text-align: center;
		padding:5px 15px 5px 15px;
		font-weight: 700;
	}

	#banner-image-menu .banner-copy h1{
		font-family: "Montserrat";
		font-size: 3em;
		text-align: center;
		padding:5px 15px 5px 15px;
		font-weight: 700;
	}

	#banner-image-menu .banner-copy span,#banner-image-catering .banner-copy span{
		color:black;
		background-color: white;
		opacity: 0.7;
	}

	#banner-image-menu .banner-copy h2{
		font-family: "Montserrat";
		font-size: 2.5em;
		color:white;
		text-align: center;
		padding:10px 15px 10px 15px;
		font-weight: 700;
	}

	

	







	#banner-image-about .banner-copy h2, #banner-image-location .banner-copy h2, #banner-image-catering .banner-copy h2{

		font-family: "Montserrat";
		font-size: 2.5em;
		color:white;
		text-align: center;
		padding:10px 15px 10px 15px;
		font-weight: 700;
	}


	#filter_category li{
		font-family: 'Montserrat';
		font-size: 1em
	}

	#filter ul li a{
		color:#4c3631;
		font-size: 1.25em;

	}

	#filter ul li a.active{
		color:#45a040;
	}

#filter .menu li.current-menu-item  a, #header .menu li.current_page_item  a, #header .menu li a:hover{
		color:#45a040;

	}

	.load-more span.no_more{
		color:#4c3631;
		font-weight: 600;
		border:1px solid #4c3631;

	}

	.load-more{
		margin-top:90px;
	}





	#content.full{
		width:100% !important;
	}

	#footer-left img{
		width:50%;
		height: auto;
	}

/* mobile-tab-va */

	#mobile-tab-nav{
		display: block;
    	width: 86%;
    	text-align: center;
   		margin: auto;

	}

	#mobile-tab-nav img{
		width:50px;
		height:auto;
	}

	#mobile-tab-nav.locked{
	position: fixed;
    top: 0px;
    z-index: 99;
    background: white;
    margin: 0px;
    width: 100%;
    left: 0px;
    box-shadow: 2px 2px 2px 2px #D1D1D1;
}


.item.column4{
	top:70px;
}

/* Also, turn off default mobile nav from theme */

	select{
		display: none !important;
	}

	.item .meta .date{
		color:white;
	}

	.item .meta span.comment {
		display: none;
	}

	.item .meta .heart {
		display: none;
	}

/* Footer stuff, including, crucially, custom css for the subscription form. this may change, but the idea will be the same, regardless of chosen plugin */

	.newsletter th, td{
		display: block;
	}

	#newsletter-box{
		width:260px;
	}

	.newsletter th{
		color:white;
		font-family: "Montserrat";
		font-size: 1.25em;
		padding-bottom:10px;
	}

	.newsletter-td-submit{
		text-align: center;
		}
	

	.newsletter-submit{
		color:white;
		font-family: 'Montserrat';
		background-color: #4c3631;
		border: 0px;
		padding:10px 20px 10px 20px;
		margin: 25px;
		-webkit-appearance: none;
	}

	#footer-tags a{
		color:white;
		background-color:#4c3631;
		padding:5px 10px 5px 10px;
		text-decoration: none;
	}

	#footer-tags h2{
		color:white;
		font-family: 'Roboto';
		font-size: 1.25em;
		margin:0px 0px 10px 0px;
	}

	#footer-wrap{
		box-sizing:border-box;
		padding:10px;
		clear:both;
	}

	#footer-wrap p{
		color:#757575;
		margin:3px;
	}

	#footer-left,  .newsletter{
		margin:15px;
	}

	#footer-tags{
		margin-top: 15px;
		mar
	}

	.newsletter table{
		width:100%;
	}

	.newsletter-email{
		width:100%;
		height:30px;
	}

	#copyright-footer{
		background-color: #27140d;
		margin: 0px;
		padding:10px 20px 10px 20px;
		text-align: center;
		font-weight: 100;
	}


	#copyright-footer p{
		color:#fff;
		margin:0px;

	}

	
	#copyright-footer li{
		display: inline-block;
		margin-right:10px;
		font-size: 1em;
		font-weight: 100;

	}

	#copyright-footer a{
		font-family: 'Roboto';
		color:#fff;
		margin:0px;
		
	}

	#to_top{
		height: auto;
		background:none;
		bottom:40px;
	}


	/*===================================================

	MOBILE PAGES

	====================================================*/

	#content {
		
		box-sizing:box-border !important;
	}


	.post.full .post-entry{
		margin:10px;
	}

	.about-us-imgae img{


		width: 100%;
    	margin-top: 15px;
	}

	#location-wrap{
		text-align: center;
	}

	.location-bottom-left, .location-bottom-right{
		display: inline-block;
		padding:5px 30px 5px 30px;
		height:70px;
		margin-bottom: 0px;
		vertical-align: top;
		color:#4c3631;

	}

	

	.location-bottom-right h5, .location-bottom-left h5{
	
		font-size: 0.88em;
	}

	

	/* .location-bottom-right h5:hover, .location-bottom-left h5:hover{
		transition: color 0.4s ease-in-out;
 		color:white; 
 	} */

 	.location-tile h3, .location-tile h4{
 		line-height: 1.25em;

 	}

 	.location-tile h4{
		font-size: 1.25em;
		margin-bottom: 30px;
	}

 	.location-tile h4{
 		font-family: "Roboto";
 		font-weight: 100;
 	}

 	.location-tile h4:hover, .location-tile h2 a:hover{
 		text-decoration: underline;
 	}

    .location-bottom-right h4, .location-bottom-left h4{
		font-family: 'Montserrat';
		font-size: 1em;
		letter-spacing: 3px;
		padding-bottom: 10px;
	}
	

	.location-tile{
		display: inline-block;
		text-align: center;
		background-color: #f6f6f6; 
		margin:12px;
		width:300px;
		height:620px;
		vertical-align: top;
		box-sizing:border-box;
		box-shadow: 3px 3px 5px 3px #D1D1D1;
		color:#4c3631;

	}

	#denver{
		margin-top:50px;
		margin-left:40px;
	}

	.location-tile a{
		text-decoration: none;
		color:#4c3631;
	}



	.location-tile:hover{
	
 		transition: background-color 0.4s ease-in-out;
 		background-color:#45a040;
 		transition: color 0.4s ease-in-out;
 		color:white; 
 		transition: box-shadow 0.4s ease-in-out;
 		box-shadow: 0px 5px 5px 5px #D1D1D1;
 		transition: border 0.4s ease-in-out;
 		border-top: 1px solid white;
 		
 		}

 	.location-tile:hover a{
 		transition: color 0.0s;
 		color:white;
 	}
	

	.location-tile img{
		width:100%;
	}

	.location-tile hr{
		width:33%;
		height:5px;
		border-top: 1px solid #4c3631;
		margin-left: auto;
		margin-right: auto;
	}

	.menu-location-tile hr{
		width:33%;
		height:5px;
		border-top: 1px solid #4c3631;
		margin-left: auto;
		margin-right: auto;
	}

	.location-tile:hover hr{
		border-top: 1px solid white;
	}



	.location-tile h1{
		margin:18px 0px 18px 0px;
		font-size: 2em;
	}

	.menu-location-tile span{
		font-size: 1.5em;
		color:#4c3631;
		font-family: "Montserrat";
	}

	.location-tile h2{
		font-size: 1em;
		font-family: 'Montserrat';
		letter-spacing: 2px;
		padding-bottom: 15px;
		
	}
	.location-tile h3{
		margin:0px;
		font-weight: bold;
		font-size: 1.25em;
		font-family: 'Roboto';
		
	}




	.post-entry-locations{
		color:#4c3631;
	}
	

	.location-tile p{
		font-family: 'Roboto';
		

	}

	.location-bottom-left, .location-bottom-right{
		display: inline-block;
		padding:5px 10px 5px 10px;
		height:70px;
		margin-bottom: 20px;
		width: 120px;
	}

	.location-bottom-right p, .location-bottom-left p, .location-bottom-right h4, .location-bottom-left h4{
		margin:0px;
	} 

	.post.full{
		margin: 0px;
		
	}

	.post-entry-about img{
		display: none;
	}

	.item.column4 .item-excerpt.quote blockquote{
		color:white;
	
	}


	/* ======================================

	MOBILE MENU, AS IN FOOD MENU, NOT NAVIGATION

	===========================================*/


	#menu-location-wrap{
		text-align: center;
		padding: 10px;
	}

	#menu-location-wrap h1{
		padding-bottom:20px;
	}

	.grid-title-block{
		text-align: center;
		margin:15px;
	}

	.grid-title-block img{
		width:50%;
	}

	.grid-title-block h1{
		font-family:'Montserrat';
		font-size: 3.25em;
		color: #45a040;
		font-weight: 600;
		letter-spacing: 0.2em;

	}

	.grid-title-block h2{
		font-family: 'Roboto';
		font-weight: 100;
		font-size: 1.5em;
		font-style: italic;
	}

	.food-tile h1{
		font-family: 'Roboto';
		font-weight: 600;
		font-size: 1.25em;
		color: #4c3631;
		letter-spacing: 0.12em;
		
	}

	.food-tile p{
		margin-top: 15px;
		margin-bottom: 15px;
		font-weight: 400;
		font-size: 1em;
		color:#4c3631;
	}

	.food-grid{
		
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		width:75%;
		

	}

	.food-tile{
		margin:15px;	
	}

	.food-tile img{
		display: none;
		
	}






	.menu-rule{
		display: block;
    	height: 3px;
   	 	border: 0;
    	border-top: 3px solid #f6f6f6;
    	margin: 1em 0;
    	padding: 0;
	}

	#addThis_custom{
		text-align: center;
		margin-top: 30px;
		
	}

	.addthis_button_twitter img, .addthis_button_facebook img{
		width: 32px;
		height: 32px;
	}

	.addthis_toolbox{
		background-color: #359030;
	}

	.addthis_toolbox .addthis_button_twitter img{
		width:25% !important;
		height: auto;
	}

	.tags{
		text-align: center;
	}

	svg{
		background-color: #359030;
		stroke-width: 0px;
	}

}

@media(min-width:768px){ /** Because apparently this is a theme breakpoint ============================================================ **/

/* This is an iPad portrait mode breakpoint. This will mostly affect header and footer (custom) areas. the middle section will remain the same. */


	#bg-wrapper{
		width:100%;
	}

	#wrapper{
		width:90%;
		height:85px;
	}

	#header{
		position: fixed;
	    height: 85px;
	    width: 100%;
	    background-color: white;
	    z-index: 99;
	    margin:0px;
	}

	#heade-singler{

	    position: fixed;
    	width: 100%;
    	z-index: 99;
    	background: white;
	}

	#social-block{
		display: inline-block;
		margin: 8px 0px 0px 50px;
		position: relative;
    	left: -465px; /*shift this for different viewports */
    	bottom: -5px;
		z-index:99;
	}

	@media(min-width:1279px){
		#social-block{
			left:-435px;
		}
	}

	@media(min-width:1439px){
		#social-block{
			left:-345px;
		}
	}

	
	#social-block img{
		width:32px;
		height: 32px;
	}

	.flexslider{
		display: block;
		margin: 10px 0px 20px 0px !important;
	}

	.flexslider img{
		width:auto;
		height:auto;

	}

	.flexslider ul.slides li .slider-text a h1{
		color:black;
		font-weight: 600;
	}

	

	

	#mobile-tab-nav{
		display: none;
	}



	#logo{
		padding: 25px 0 15px 0;;
		margin-left:50px;
		position: initial;

	}

	#logo img{
		width:25%;
		height:auto;
	}

	#logo-single{
		text-align: center;
		padding-top: 30px;
		padding-bottom: 15px;
	}

	#logo-single img{
		width:15%;
		
	}

	#header .menu{
	font-family: 'Montserrat';
	right:5%;
	font-size: 1em;
	padding-top: 10px;
	position: absolute;
	top:30px;
	}




	#header .menu li a{
		color:#4c3631;
	}

	#header .menu li.current-menu-item  a, #header .menu li.current_page_item  a, #header .menu li a:hover{
		color:#45a040;
		border:none;
	}



	#header-social{
	position: absolute;
    left: 0px;
    top: 25px;
    z-index: 1;
	}

	.banner-copy{
		height:600px;
	}

	#banner-image-about .banner-copy h1, #banner-image-location .banner-copy h1, #banner-image-menu .banner-copy h1, #banner-image-catering .banner-copy h1{

		font-size: 4.5em;
		padding:200px 15px 25px 15px;
		
	}

	#banner-image-about .banner-copy h2, #banner-image-location .banner-copy h2, #banner-image-menu .banner-copy h2, #banner-image-catering .banner-copy h2{
		font-size: 3.5em;
		padding:10px 15px 100px 15px;
	}
	

	#filter_category li{
		font-family: 'Montserrat';
		font-size: 1em;
	}

	#filter ul li a{
		color:#4c3631;
	}

	#filter .menu li.current-menu-item  a, #header .menu li.current_page_item  a, #header .menu li a:hover{
		color:#45a040;

	}

	
	.slider-text{
		position: absolute;
		bottom: 35%;
    	left: 30%;
    	text-align: center;
	}

	.flexslider ul.slides li .slider-text p{
		background-color: #45a040;
	}

	.slider-title{
		color:black;
		background-color: white;
		opacity:0.8;
		display: inline-block;
		margin:10px;
	}

	#filter{
		position: relative;
		top:15px;
		width:1000px;
		margin: auto;
	}

	#main{
		top:40px;
	}


	/* The tile */
	.item{
		box-shadow:  5px 5px 5px #A1A1A1;
	}

	.item:hover{
		transition: box-shadow 0.4s ease-in-out;
		box-shadow:  0px 0px 7px 5px #A1A1A1; 

	}

	.item:hover > div > h2 > a{
		color: white;
	}

	/*Quote view on tile */

	

	

/*Footer for tablet and upward */

	#footer-wrap{
		padding-left: 50px;
		width:100%;
	}

	#subscription-form{
		display: inline-block;
		width:43%;
		vertical-align: top;

	}

	#footer-tags{
		width:25%;
		display: inline-block;
	}

	#footer-left p{
		line-height: 1.5em;
		margin: 0px;
	}

	#footer-left{
		width:25%;
		display: inline-block;
		vertical-align: top;
	}

	

	#footer-left img{
		width:50%;
		height: auto;
		padding-bottom: 10px
	}

	#newsletter-box{
		width:340px;
	}

	tr{
		float: left;

	}

	#copyright-footer p{
		display: inline-block;
	}

	#copyright-footer ul{
		display: inline-block;
		position: absolute;
    	right: 20px;
        top: initial;
	}

	#copyright-footer li{
		display: inline-block;
		margin-right:10px;
		font-size: 1.25em;

	}

	/*Page.php */

	#content.full{
		width:100%; /*none of this pixel business */
	}

	/* CUSTOM PAGES. LETS START WITH LOCATIONS: */

	#location-wrap{
		width:903;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
	}

	#menu-location-wrap{
		width:903;
		text-align: center;
		margin:200px auto 250px auto;
	}


	.location-tile{
		display: inline-block;
		text-align: center;
		width:30%;
		margin:12px;
		height:660px;

		
	}

		.menu-location-tile{
		display: inline-block;
		text-align: center;
		width:30%;
		margin:30px 5px 5px 5px;
		

		
	}

	.sepcial-hr{
		width:33%;
		height:5px;
		border-top: 3px solid #45a040;
		margin-left: auto;
		margin-right: auto;
	}

	.location-bottom-left, .location-bottom-right{
		display: inline-block;
		width: 130px;
		height:70px;
		margin-bottom: 10px;
		padding-left: 20px;
		padding-right: 20px;
	}



	.post-entry-about{
		width:85%;
		margin:auto;

	}

	.post-entry-about img{
		display: block;
		width:31%;
		height:auto;
		margin:10px;
		float:left;
		text-align: center;
	}

	.post-entry-about span{
		font-size: 2em;
		line-height: 1.4em;
	}

	.post-pagination a.pagination.prev, .post-pagination a.pagination.next{
		width:40%;
		flex-grow:1;
	}

	.about-us-image img{
		width: 100%;
    	margin-top: 15px;
    	
	}

	#content-about{

	}

	.post-entry-menu{
		
		margin:auto;
		text-align: center;
	}

	.post-entry-menu img{
		width:28%;
		margin:10px;
	}

	.menu-wrapper{
		width:90%;
		margin:auto;
		text-align: center;
	}

	.menu-wrapper img{
		width:30%;
		vertical-align: top;
		margin:15px;
		box-shadow: 5px 5px 5px #A1A1A1;
		border:1px solid #A1A1A1;
	}

	/* SINGLE PAGE POST */

	#content .full{
		width:75%;
		margin: auto;
		float:none;
		position: relative;
		top:0px;
	}

	.post-pagination {
		width: 75%;
    	margin: 50px auto 50px auto;
		}

	.post.full .post-title{
		text-align: left;
		color:#4c3631;
		font-family: 'Montserrat';
	}

	.post.full .post-entry p{
		font-size: 1.5em;
		font-family: 'Roboto';
		color: #4c3631;
		font-weight: 400;
	}

	#copyright-footer{
		
		text-align: left;
	}

		
		


	.addthis_button_twitter img, .addthis_button_facebook img{
		width:32px;
		height: 32px;
	}


/* ================================================================================

MENU PAGE SPECIRFIC STYLES FOR THE GRIDS. THIS IS FOR TABLET/DESKTOP ONLY. 

MOBILE STYLES WILL INITALLY BE STACKED UNTIL WE FIGURE OUT THE JQUERY SOLUTION FOR 

HORIZONTAL SLIDING.

==================================================================================*/
	


	.grid-title-block{
		text-align: center;
		margin:15px;
	}

	.grid-title-block img{
		width:auto;
	}

	.grid-title-block h1{
		font-family:'Montserrat';
		font-size: 3.25em;
		color: #45a040;
		font-weight: 600;
		letter-spacing: 0.2em;

	}

	.grid-title-block h2{
		font-family: 'Roboto';
		font-weight: 100;
		font-size: 1.5em;
		font-style: italic;
	}

	.food-tile h1{
		font-family: 'Roboto';
		font-weight: 600;
		font-size: 1.25em;
		color: #4c3631;
		letter-spacing: 0.12em;
		
	}

	.food-tile p{
		margin-top: 15px;
		margin-bottom: 15px;
		font-weight: 400;
		font-size: 1em;

	}

	.food-grid{
		display: flex;
		flex-wrap:wrap;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		width:75%;
		

	}

	.food-tile{
		display: inline-block;
		float:left;
		width:30%; 
		margin:15px;
		flex-grow:1;
	}

	.food-tile img{
		display: inline;
		width: 65%;
    	margin-bottom: 20px;
	}

	.menu-rule{
		display: block;
    	height: 3px;
   	 	border: 0;
    	border-top: 3px solid #f6f6f6;
    	margin: 1em 0;
    	padding: 0;
	}
 
}

@media (min-width: 1200px){

	#header .menu{
	
	font-size: 1.5em;
	}

	.food-tile p{
		width:285px;
		margin-left: auto;
		margin-right: auto;
	}
}
	



#main{
	margin-right: auto;
	margin-left: auto;
}