/*
	HTML5 Reset :: style.css
	----------------------------------------------------------
	We have learned much from/been inspired by/taken code where offered from:

	Eric Meyer					:: http://ericmeyer.com
	HTML5 Doctor				:: http://html5doctor.com
	and the HTML5 Boilerplate	:: http://html5boilerplate.com

-------------------------------------------------------------------------------*/

/* Let's default this puppy out
-------------------------------------------------------------------------------*/

html, body, body div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, figure, footer, header, hgroup, menu, nav, section, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	/*vertical-align: baseline;*/
	background: transparent;
    font-size: 16px;
    font-family: Arial, Helvetica, sans-serif;
}
html {
    box-sizing: border-box;
}
*, *:before, *:after {
    box-sizing: inherit;
}
#Smaho {
	display: none;
}
body {
    margin-top: 0px;
    background-color: #FF1410;
    background-color: #f9ba02;
		width: 100%;
/*
    width: 100%;
    margin: 0 auto;

-------------------------------
header h1 {
	font-size: 2em;
	padding-left: 55px;
	line-height: 70px;
	width: 190px;
	margin: 0 auto;
	background: url(../_images/desolve_logo_50.png) no-repeat left center;
}*/

}
h1 {
    color: #FFB201;
		color: #f9ba02;
    font-size: 2em;
text-shadow: 0.2em 0.2em 0.3em #000;
}
h2 {
color:#f5ce42;
    color: #FFB201;
    font-size: 1.2em;
    text-shadow: 0.2em 0.2em 0.3em #000;
}
h3 {
    margin: 0;
    font-size: .9em;
    margin-bottom: 4px;
}
.blackline {
    background-color: #000;
    height: 3px;
    margin: 0;
    padding: 0;
}
/*.goldline {
    background-color: gold;
    height: 1px;
}
.greenline {
    background-color: green;
    height: 1px;
}*/
header {
	width: 100%;
/*	margin: 0 auto;
	text-align: center;*/
    background-image: url(../p/beruBannerHoriz_540x80.jpg);
    background-repeat: no-repeat;
    background-color: #FF1410;
    background-position: center;
    padding-left: 100px;
    padding-top: 10px;
    height: 100px;
}
article {background-position: right;}
#greeting {
  /*  background-position: right;*/
    text-align: right;
    padding-right: 20%;
}
.mainRap {
    margin: 0 auto;
    background-color: #FFF;
    height: 684px;
    width: 100%;
    width: 100%;
    max-width: 1500px;
}
main {
    padding: 0;
    background-color: #FFF;
    min-width: 1024px;
    max-width: 1324px;
    margin: 0 auto;
    height: auto;
    height: 684px;
}

/*#background article {
    padding: 0px 0px 0px 400px;
    text-shadow: 0.2em 0.2em 0.3em #000;
}*/


#centerPic {
    background-image: url(../p/lamps_4112.jpeg);
    background-repeat: no-repeat;
    background-position: center;
    margin-left: 0;
    height: 684px;
    width: 70%;
/*   border: 1px solid #000;*/
    float: right;
/*    background-size: contain;*/
    background-color: green;
}

#menuRap {
    width: 100%;
    margin: 0 auto;
    float: none;

}
#menu {
    display: block;
    width: 300px;
    height: 684px;
    padding: 0px;
  /*  float: right;*/
    background-color: #FFF;
}
#menu #menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9 {
    height: 96px;
    width: 100%;
    background-color: #FFF;
    border-bottom: 1px solid #696969;
}
#menu h3 {
    font-size: .8em;
}
#menu h3, h4 {
    margin-left: 125px;
    padding-top: 4px;
}
#menu1 {
    background-image: url(../p/menu/chicken.jpg);
    background-repeat: no-repeat;
}
#menu2 {
    background-image: url(../p/menu/beef.jpg);
    background-repeat: no-repeat;
}
#menu3 {
    background-image: url(../p/menu/samosa.jpg);
    background-repeat: no-repeat;
}
#menu4 {
    background-image: url(../p/menu/tsumami.jpg);
    background-repeat: no-repeat;
}
#menu5 {
    background-image: url(../p/menu/herb.jpg);
    background-repeat: no-repeat;
}
#menu6 {
    background-image: url(../p/menu/falafel.jpg);
    background-repeat: no-repeat;
}
#menu7 {
    background-image: url(../p/menu/sando.jpg);
    background-repeat: no-repeat;
    border-bottom: none;
}
#menu8 {
    background-image: url(../p/menu/italian.jpg);
    background-repeat: no-repeat;
}
#menu9 {
    background-image: url(../p/menu/chicken.jpg);
    background-repeat: no-repeat;
    border-bottom: none;
}
footer {
	width: 100%;
	margin: 0px auto;
	text-align: center;
	padding-top: 20px;
	font-weight: bold;
    background-color: #F9F228 ;
}
footer h4 {
    margin-left: 0px;
    margin-bottom: 7px;
}
footer h5 {
    text-align: center;

}

footer li {
	display: inline;
	border-right: 1px dotted;
}
/* Responsive--------1024px------------------------------------------------1024---------- */

@media screen and (max-width:1024px){
			header {
			background-image: url(../p/beruBannerHoriz_480w.jpg);
}
#greeting {
			  /*  background-position: right;*/
			    text-align: right;
			    padding-right: 10%;
			}
			h2 {
				font-size: 1em;
		    text-shadow: 0.2em 0.2em 0.3em #000;
			}
			.mainRap {
			    margin: 0 auto;
			    background-color: #FFF;
			    height: 520px;
			    width: 100%;
			/*    max-width: 1500px;*/
			}
			main {
			    padding: 0;
			    background-color: #FFF;
					height: auto;
		/*	    min-width: 1024px;
			    max-width: 1324px;
			    margin: 0 auto;
			    height: auto;
			    height: 684px;*/
			}
		#centerPic {
		    background-position: center;
		    margin-left: 0;
		    height: 520px;
		    width: 70%;
		/*   border: 1px solid #000;*/
		    float: right;
		/*    background-size: contain;*/
		    background-color: green;
background-size: contain;
				background-image: url(../p/knife.jpeg);
				background-repeat: no-repeat;
		}
		#menuRap {
		    width: 100%;
		    margin: 0 auto;
		    float: none;
				height: 520px;
		}
		#menu {
		    display: block;
		    width: 270px;
		    padding-left: 30px;
		  /*  float: right;*/
		    background-color: #FFF;
		height: 520px;
		}
		#menu #menu1, #menu2, #menu3, #menu4, #menu5, #menu6, #menu7, #menu8, #menu9 {
		    height: 71px;
		    width: 100%;
		    background-color: #FFF;
		    border-bottom: 1px solid #696969;
		}
		#menu h3 {
		    font-size: .75em;
		}
		#menu h3, h4 {
		    margin-left: 125px;
		    padding-top: 2px;
		}
		#menu1 {
		    background-image: url(../p/menu/90/samosa.jpg);
		    background-repeat: no-repeat;
		}
		#menu2 {
				background-image: url(../p/menu/90/chicken.jpg);
		    background-repeat: no-repeat;
		}
		#menu3 {
		    background-image: url(../p/menu/90/beef.jpg);
		    background-repeat: no-repeat;
		}
		#menu4 {
		    background-image: url(../p/menu/90/tsumami.jpg);
		    background-repeat: no-repeat;
		}
		#menu5 {
		    background-image: url(../p/menu/90/herb.jpg);
		    background-repeat: no-repeat;
		}
		#menu6 {
		    background-image: url(../p/menu/90/falafel.jpg);
		    background-repeat: no-repeat;
}
		#menu7 {
		    background-image: url(../p/menu/sando.jpg);
		    background-repeat: no-repeat;
		    border-bottom: none;
		}
		#menu8 {
		    background-image: url(../p/menu/italian.jpg);
		    background-repeat: no-repeat;
		}
		#menu9 {
		    background-image: url(../p/menu/chicken.jpg);
		    background-repeat: no-repeat;
		    border-bottom: none;
		}
		footer {
			width: 100%;
			margin: 0px auto;
			text-align: center;
			padding-top: 8px;
			padding-bottom: 3px;
			font-weight: bold;
		    background-color: #F9F228 ;
		}
		footer h4 {
		    margin-left: 0px;
		    margin-bottom: 0px;
    font-size: .9em;
overflow-wrap: break-word;
		}
		footer h5 {
		    text-align: center;
overflow-wrap: break-word;
		}
}

/* Responsive-------750px-------------------------------- */

@media screen and (max-width:750px){

#Smaho {
	display: inline;
}


    h3 {
    margin: 0;
    font-size: .9em;
    margin-bottom: 2px;
}
    body {
        max-width: 750px;
    }
    header {
	width: 100%;
/*	margin: 0 auto;
	text-align: center;*/
    background-image: url(../p/beruBannerHoriz_w380.jpg);
    background-repeat: no-repeat;
    background-color: #FF1410;
    background-position: center;
    padding-left: 100px;
    padding-top: 10px;
    height: 100px;
}
    main {
        width: 750px;
    }
    .mainRap {
        width: 100%;
        margin: 0 auto;
    }
    #menuRap {
        width: auto;
    }
    #menu {
    display: block;

    width: auto;
    height: 684px;
    padding: 0px;
    float: none;
    background-color: #FFF;
}
    .clear-fix {
        clear: both;
    }
    #centerPic {
        background-image: url(../p/bk_TVw300.jpeg);
        background-position: left;
        background-size: cover;
    }

    footer {

    background-color: #F9F288 ;
}
		footer h4, h5 {

font-size: .7em;

}
}
@media screen and (max-width:400px){

    header {
         background-image: url(../p/beruBanner.jpg);
    }
    #centerPic {
    display: none;
    }
    #menuRap {
	  overflow: scroll;
	  overflow: hidden;
	  overflow: auto;
	  overflow: clip;
	  overflow: visible;
	  overflow: scroll;
		}
    h2 {
        text-shadow: none;
        color: #000;
    }
}