/*
Theme Name: Nasamike Theme
Author: Sourav Bhanja
Description: This is a personal website and NASA does not sponsor nor endorse any of the content.
Version: 0.0.2

*/

.circle-container figcaption p{
	text-align: center;
    margin-top: -80px;
    position: initial;
    display: hidden;
    
    
}

.circle-container li a{
text-decoration: none;
}
.circle-container li:hover figcaption p{
	text-align: center;
    margin-top: -110px;
    margin-left: 16px;
    padding: 6px 2px; 
    position: relative;
    color:#fff;
    font-size: 1.5em;
    
    /*transition: all 300ms ease-out;*/
    background: rgba(0,0,0,0.7);
    width: 150px; 
}

.customize-support{margin:  0px !important;}

.header-cir{
	background-image: url("");
	background-size: cover;
	background-repeat: no-repeat;
	min-height: 950px; 
}
.name{
	 text-align: center;  color: #fff;font-family: 'Righteous', cursive;font-size: 50px;
}
.name:hover{
	color: #1abc9c;
}

.circle-container {
		position: relative;
		/* 1 */
		width: 40em;
		height: 40em;
		padding: 0;
		border-radius: 50%;
		list-style: none;
		/* 2 */
		box-sizing: content-box;
		/* 3 */
		margin: 6em auto 0;
		border: solid 5px #1abc9c;
	}
	.circle-container > * {
		/* 4 */
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 12em;
		height: 12em;
		margin: -6em;
	}

.maps{
		/* 4 */
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 24em !important;
		height: 24em !important;
		margin: -12em;
	}
#copyright{
	padding: 20px 40px; 
	background: #1abc9c;
	text-align: center;
	font-family: 'Righteous', cursive;
	
	color: #fff;

}
#copyright a{
	text-decoration: none;
	color: #000;
}
	.circle-container > :nth-of-type(1) {
		transform: rotate(0deg) translate(20em) rotate(0deg);

	}
	.circle-container > :nth-of-type(2) {
		transform: rotate(45deg) translate(20em) rotate(-45deg);
	}
	.circle-container > :nth-of-type(3) {
		transform: rotate(90deg) translate(20em) rotate(-90deg);
	}
	.circle-container > :nth-of-type(4) {
		transform: rotate(135deg) translate(20em) rotate(-135deg);
	}
	.circle-container > :nth-of-type(5) {
		transform: rotate(180deg) translate(20em) rotate(-180deg);
	}
	.circle-container > :nth-of-type(6) {
		transform: rotate(225deg) translate(20em) rotate(-225deg);
	}
	.circle-container > :nth-of-type(7) {
		transform: rotate(270deg) translate(20em) rotate(-270deg);
	}
	.circle-container > :nth-of-type(8) {
		transform: rotate(315deg) translate(20em) rotate(-315deg);
	}

	.circle-container img {
		display: block;
		width: 100%;
		border-radius: 50%;
		border: solid 5px #fff;
		/*filter: grayscale(100%);*/
	}
	.circle-container img:hover {
		/*filter: grayscale(100%);*/
		border: solid 5px #1abc9c !important;
	}