/**********************************
Universal Styles             	
***********************************/  

@import url('reset.css');

body {
	font-family: Arial;
}

.menu_sec div {
	margin-bottom: 30px;
}

#main_header {
	text-align: center;
}

#main_header img {
	margin: 30px 0px;
}

#main_content {
	width: 100%;
	text-align: center;
}

#main_content img {
	/*
		float: left;

	*/

	display: block;
	margin: 20px auto;

    width:  300px;
    height: 300px;
    object-fit: cover;


      animation-name: example;
  animation-duration: 4s;
}

.image_row {
	display: inline-block !important;
	width: 30%;
}

#main_content  h1 { 
	font-size: 4em;
	margin: 20px 0px;
}

#main_content .menu_sec  {
	margin: 50px 0px;
}

#main_content .menu_sec h2 { 
	font-size: 2em;
}

#main_content .menu_sec h2 span:first-child { 
	color: red;
}

#main_content .menu_sec h2 span:last-child { 
	color: green;
}

#location {
	width: 100%;
	display: block;
}


/*
#menu_sec img {
    float: left;
    width:  100px;
    height: 100px;
    object-fit: cover;
}
*/

/*********************
Footer
**********************/

#main_footer {
	width: 100%;
	box-shadow: 0px 0px 20px #000; 
	margin-top: 100px;
	font-size: 3em;
	text-align: center;
	line-height: 95px;
	padding-top: 20px;
    background-color: red;
    color: #FFF;
    border-top: solid 3px #000;
    text-shadow: 0px 0px 10px #000;
    padding: 50px 0px;
}

#main_footer img {
	max-width: 300px;
}

#main_footer span {
	font-family: 'typicons';
}

#main_footer a {
	color: #FFF;
	text-decoration: none;
}

#main_footer a:hover {
	text-decoration: underline;
}




@keyframes example {
  0% {transform: rotate(0deg);}
  50% {transform: rotate(20deg);}
  100% { transform: rotate(-20deg);  }
}