.left h4{
	color: #47ccbc;
}

small i{
	color: gray;
}

.AH div{
	height: 30px;
	text-align: center;
}

.index1{
	background-image: url(../img/indexBackground.jpg);
	width: 100%;
	height: 400px;
	background-size: 100%;
}

.index-me{
	border: 5px solid white;
	border-radius: 90px;
	/*width: 180px;*/
	height: 180px;
	width: auto;
	display: inline;
	margin-top: 120px;
}

.index-h1{
	color: white;
	font-size: 80px;
	text-shadow: 5px 5px 5px gray;
	margin-top: 15px;
}

@media screen and (max-width: 800px){
	.index1{
		height: 350px;
	}

	.index-me{
		border-radius: 75px;
		height: 145px;
		margin-top: 110px;
	}

	.index-h1{
		font-size: 50px;
		margin-top: 35px;
	}
}

/*animation by CSS3*/
#index-des{
	color: black;
	font-size: 30px;
}

.index2{
	margin: 50px 10px;

}

.index-h3{
	 font-family: 'Merriweather', serif, Georgia, Times;
	 font-size: 35px;
	 font-weight: 200;
 }

@media screen and (max-width: 800px){
	.index-h3{
		font-size: 25px;
	}
}

.intro{
	/*text-align: left;*/
	margin: 0 auto;
}

.index3{
	background: #f0f0f0;
	margin: auto;
	padding: 50px 0;
	display: flex;
	/*width: 80%;*/
}

.index4{
	/*background: #2F3133;*/
	margin: 30px 0;
}

.index3 table{
	margin: auto;
	width: 80%;
}

.index-back{
	/*background-color: blue;*/
	background-repeat: repeat-y;
	background-position: center center;
	background-size: cover;
	max-width: 100%;
	height: 100%;
	background-image: {
		-webkit-filter: blur(4px);
		filter: blur(4px);
	};
}

.index-back a{
	color: #75b5aa;
}

.info, .info tbody, .info td{
	border: solid #f0f0f0;
}

.info tbody tr td{
  background-color: #f0f0f0;
}

@media screen{
	.info img{
		width: 30%;
	}
}

@media screen and (max-width: 800px){
	.info img{
		width: 60%;
	}
}

.info img{
	margin: auto;
	background: transparent;
	-webkit-transition: width 1s, height 1s, border 1s, background 1s, -webkit-transform 1s; /* For Safari 3.1 to 6.0 */
	transition: width 1s, height 1s, border 1s, background 1s, transform 1s;
}

.info img:hover{
	-webkit-transform: rotate(360deg); /* Chrome, Safari, Opera */
	transform: rotate(360deg);
	/*background: white;*/
}

/* track map */
.track-map{
	margin: 50px auto;
	width: 80%;
}

@media screen and (max-width: 500px){
	.track-map{
		width: 95%;
	}
}

/* sidebar */
.sidebar-item > img{
	border-radius: 10px 30px;
}

/* blog list */
.blog-list ol{
	padding: 0 0 3%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.blog-list hr{
	margin: 1.5%;
}

.blog-list p, .blog-list small{
	margin: 0;
	padding: 0 3%;
}

.blog-list h3{
	padding: 3%;
	margin: 0;
	border-left: 5px solid rgb(60, 170, 155);
}

.imgDesc{
	text-align: center;
	color: #B2B2B2;
	font-size: 15px;
	font-style: italic;
}