body{
	background-color: #336633;
}

.ls{
	height: 2px;
	background: url(./img/tou.jpg);
	animation: hue 20s infinite linear;
	overflow: hidden;
	width: 100%;
}

img.img-responsive{
    max-width: 150px;
    margin: auto;
    border-radius: 50%;
    border: 3px solid #4FC3F7;
	transition: all .5s;
}

img.img-responsive:hover{
	border: 3px solid #4FC3F7;
    transition: all .5s;
    transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -o-transform: rotate(350deg);
}

@media screen and (max-width: 976px) {

}

.h1r{
    color: #FFCDD2;
    font-family: cursive;
    text-align: center;
	padding: 10px 0;
}

.row{
	margin-top: 20%;	
}

.nav-pills>li{
	display: inline;
	margin-right: 6px;
}

.nav-tabs.nav-justified>li>a{
	color: #ECEFF1;
	border: 1px solid #B3E5FC;
	font-size: 18px;
	background-color: rgba(225, 205, 204, 0.5);
}


.nav>li>a:focus, .nav>li>a:hover{
	text-decoration: none;
	background-color: rgba(255,255,255,0.3);
}

.bq{
	position: fixed;
    left: 0;
    bottom: 0;
    text-align: center;
    width: 100%;
}