* {
   margin: 0;
   padding: 0;
}

body,html {
   font-family: 'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif;
	height:100%;
	max-height:1024px;
	overflow:hidden;
}

.wrapper {
   overflow: hidden;
   background-color: #003300;
   width: 100%;
   height:100%;
}

.background {
   background-image: url("img/bg2.jpg");
   background-repeat: repeat-x;
   height: 1024px;
   width: 6329px;
   animation: slide 240s linear infinite;
}

.person {
   position: absolute;
   font-size: 20px;
   top: 30%;
   right: 20%;
   width: 480px;
   height: 220px;
   text-align: right;
   padding: 20px 30px 10px 10px;
   background-color: rgba(255, 255, 255, 0.7);
   color: #333;
}

.name {
   font-size: 46px;
   font-weight: bold;
}

.title {
   margin-top: 7px;
   font-size: 26px;
}

.occupation {
   margin-top: 56px;
   font-size: 20px;
}

.contact {
   margin-top: 10px;
   font-size: 21px;
}
.lin{
	float:right;
	margin-left:10px;
}
.lin img{
	width:24px;
	height:24px;
}

@keyframes slide {
   0% {
      transform: translate3d(0, 0, 0);
   }

   50% {
      transform: translate3d(-4500px, 0, 0);
   }

   100% {
      transform: translate3d(0, 0, 0);
   }
}

@media only screen and (max-width: 600px) {
	.person{
		top: 30%;
		right: 0;
		width:100%;
		padding: 20px 20px 10px 10px;
	}
	.occupation{
		font-size:16px;
	}
	.title{
		font-size: 23px;
	}
	.background{
		height:900px;
	}
 }