@media only screen and (max-width: 400px) {
    body {
        background-color: #d3d3d3;
    }
			h1 {
				font-size: 5vw;
				color: #FA9337;
				animation-name: example;
				animation-duration: 10s;
				animation-iteration-count: 1;
				animation-direction: alternate;
				text-align: center;
				font-family: 'Great Vibes', cursive;
				margin-top: 1%;
				margin-bottom: 0;
				font-weight: bold;
				background-color: #000
			}
			#img1{
				display: block;
				margin-left: auto;
				margin-right: auto;
				width: 50%;
			}
			.left {
				display: block;
				font-size: 2vw;
				float: left;
				padding-left: 5%;
				padding-right: 2%;
				width: 25%;
			}
			
			}
@media only screen and (min-width: 401px){
body {	
	background-image: url(border_left.jpg);
	background-size: 10% 1000px;
	background-repeat: no-repeat;
	background-color: #d3d3d3;
	
	
	}


		
			h1 {
				font-size: 5vw;
				color: #FA9337;
				animation-name: example;
				animation-duration: 10s;
				animation-iteration-count: 1;
				animation-direction: alternate;
				text-align: center;
				font-family: 'Great Vibes', cursive;
				margin-top: 1%;
				margin-bottom: 0;
				font-weight: bold;
			}
			
			#img1{
			
			display: block;
			margin-left: auto;
			margin-right: auto;
			width: 25%;
			}
			
			#img2{
			padding-left: 10%;
			display: block;
			align:left;
			width: 30%;
			
			}	
			
			.left {
			font-size: 1.5vw;
			float: left;
			padding-left: 10%;
			padding-right: 2%;
			width: 25%;
			}
			
			nav {
				
			font-style: italic;
			text-align: center;
			text-align: top;
			margin-top: 1vh;
			font-size: 2vw;

			
			}
			
			li {
			display: inline;
			margin: 1vw
			}
			
			#navi > li > a:hover {
			background-color: #FA9337;
			color:#fff;
			}
			
			#navi > li > a:focus {
			background-color: #FA9337;
			color:#fff;
			}
			
			div > address {
				color: #fff;
				text-align: center;
			}
			
			p {
			font-size: 2vw;
			}			

			
			h2 {
			color: #000;
			text-align: center;
			font-size: 1.5vw;
			}
			
			h3 {
			color: #000;
			text-align: center;
			font-size: 2vw;
			}
			h4{
			color: #fff;
			text-align: center;				
			}
			
			h5{
				font-size: 5vw;
				color: #FA9337;
				animation-name: example;
				animation-duration: 10s;
				animation-iteration-count: 10;
				animation-direction: alternate;
				text-align: center;
				font-family: 'Exo 2', sans-serif;
				margin-top: 1%;
				margin-bottom: 0;
				font-weight: bold;
			}		
			h6{
			color: #fff;
			text-align: center;	
			font-size: 4vw;
			}
			
			@keyframes example {
			from {color: #000;}
			to {color: #FA9337;}
			}
			
			footer {
			position: relative;
			right: 0;
			bottom: 0;
			left: 0;
			font-size:1.5vw;
			color: #007;
			text-align: center;
			float: bottom
			}
			.bodytag {
				color: #000
			}
			
			div a:hover {
			background-color: #78a;
			color:#fff;
			}
			
			div a:focus {
			background-color: #78a;
			color:#fff;
			}
			
			#hb {
			width: 700px;
			max-width: 100%;
			float: left;
			}
			#current{
			background-color: #FA9337;;
			}
			.scroll-left {
			height: 50px;	
			overflow: hidden;
			position: relative;
			background: none;
			color: #FA9337;
			border: none;
		}
			.scroll-left p {
			position: absolute;
			width: 100%;
			height: 100%;
			margin: 0;
			line-height: 50px;
			text-align: center;
			/* Starting position */
			-moz-transform:translateX(100%);
			-webkit-transform:translateX(100%);	
			transform:translateX(100%);
			/* Apply animation to this element */	
			-moz-animation: scroll-left 15s linear infinite;
			-webkit-animation: scroll-left 15s linear infinite;
			animation: scroll-left 15s linear infinite;
		}
			/* Move it (define the animation) */
			@-moz-keyframes scroll-left {
			0%   { -moz-transform: translateX(100%); }
			100% { -moz-transform: translateX(-100%); }
		}
			@-webkit-keyframes scroll-left {
			0%   { -webkit-transform: translateX(100%); }
			100% { -webkit-transform: translateX(-100%); }
		}
			@keyframes scroll-left {
			0%   { 
			-moz-transform: translateX(100%); /* Browser bug fix */
			-webkit-transform: translateX(100%); /* Browser bug fix */
			transform: translateX(100%); 		
		}
			100% { 
			-moz-transform: translateX(-100%); /* Browser bug fix */
			-webkit-transform: translateX(-100%); /* Browser bug fix */
			transform: translateX(-100%); 
		}
	}
}