* {
box-sizing: border-box;
}
		
body {
	margin: 0px;
}
		

/* style the header */
.header {
	padding: 15px;
	text-align: center;
	background-color: white;
	background-image: url("haveli1.jpg");
	color: #dded50;
	width: 100%;
	height: 30%;
	font-size: 2em;
	text-shadow: 5px 5px 8px #d93636, -5px -5px 8px #e05e5e;
	
	
}

/* Style the top navigation bar */
.topnav {
	overflow: hidden;
	background-color: #c79010;
	font-size: 1.5em;
}

/* Style the topnav links */
.topnav a {
	float: left;
	display: block;
	color: #f2f2f2;
	text-align: center;
	padding: 14px 16px 14px 16px;
	text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
	background-color: #dddddd;
	color: #d41111;
}

/* Create 3 columns that float next to each other*/
.column {
	float: right;
	width: 25%;
	padding: 15px;
	background-color: #076473;
}

.column1 {
	float: left;
	width: 75%;
	padding: 15px;
	background-color: #ba3f53;
}

.text {
	font-size: 1.2em;
	font-style: italic;
	color: #3d1d1d;
}

/* Clearfix back to clear floats after columns */
.row:after {
	content: "";
	display: table;
	clear: both;
}

.column11 {
	background-image:url("burger.jpg");
	background-size: 350px 310px;
}

.column12 {
	background-image:url("rice.png");
	background-size: 350px 310px;
}

.column13 {
	background-image:url("cakes.jpg");
	background-size: 350px 310px;
}

.column14 {
	background-image:url("salad.jpg");
	background-size: 350px 310px;
}


/* style the footer */
.footer {
	padding: 10px;
	text-align: left;
	background-color: #22e55c;

}

/*make columns and menu stack when screen is below minimum width*/
@media screen and (max-width: 600px) {
	.column {
		width: 100%;
		background-image:url("taj.jpg")
	}
	.topnav a{
		float: none;
	}
}