html, body
{
   height:100%;
}


body
{
   padding: 0;
   margin:0;
   background-color:#f1f1f1
}

#main {
			position:absolute;
			left:49%;
			top:3%;
			width:100%;
			max-width: 680px;
			background-color:#fff;
			border: 1px solid #e0e0e0;
			box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.08);
			padding: 0px;
			font-family: Arial;
			font-size: 0.88em;
			margin:0px 0 0 -340px;
		}
		.content { width:100%; float:right }
		.photo { width:100; float:left }
		.photo img { width:auto;max-width:100%;display:block } 
		.logo {
			float: left;
			width: 200px;
		}
		.logo img
		{
		width:150px;
		padding:30px 30px 10px 30px
		}
		.contacts {
			padding: 10px 30px 20px 30px;
		}
		.clear {
			clear: both !important;
		}
		@media only screen and (max-width: 620px) {
		.content, .photo { width:98%}
		#main { left:0px; top:0px; margin:0px }
		}
		a {
			color: #2d2d2d;
			text-decoration: none;
		}
		a:hover {
			text-decoration: underline;
			color:#13598C;
		}
		@keyframes slidy {
0% { left: 0%; }
20% { left: 0%; }
25% { left: -100%; }
45% { left: -100%; }
50% { left: -200%; }
70% { left: -200%; }
75% { left: -300%; }
95% { left: -300%; }
100% { left: -400%; }
}

div#slider { overflow: hidden; }
div#slider figure img { width: 20%; float: left; }
div#slider figure { 
  position: relative;
  width: 500%;
  margin: 0;
  left: 0;
  text-align: left;
  font-size: 0;
  animation: 20s slidy infinite; 
}