/* Links */
a,a:focus,a:hover {
	color: #fff;
}

/* Custom default button */
.btn-default,.btn-default:hover,.btn-default:focus {
	color: #333; text-shadow: none; /* Prevent inheritence from `body` */ background-color: #fff; border: 1px solid #fff;
}

/*
 * Base structure
 */
html,body {
	width: 100%; height: 100%;
}

html {
	background: #2976bc url('../img/blueprint.png') left top repeat;
}

body {
	background: transparent; color: #fff; text-align: center; 
}

.main-wrapper {
	width: 100%; height: 100%; box-shadow: inset 0 0 200px rgba(0, 0, 0, .5); overflow: auto; display: table;
}

header,.page-wrapper,footer {
	display: table-row;
}

.page-wrapper {
	height: 100%; width: 100%;
}

.page-content {
	display: table-cell; vertical-align: middle;
}

.content {
	width: 800px;
}

/*
 * Header
 */
header .inner {padding: 30px 10px;}
header .title {
	text-align: center;
}

.title h1 {
	margin-top: 0px; margin-bottom: 0px; 
}

.title .baseline {
	font-style: italic; color: #fff; /* IE8 proofing */ color: rgba(255, 255, 255, .75);
}

.title .contact  a {
	font-style: italic; white-space: nowrap;
}

.social-links {
	margin-top: 10px;
	padding:0!important;
}

.social-links>li {
	display: inline-block; margin: 0 10px;
}

.social-links>li>a {
	padding-right: 0; padding-left: 0; font-size: 30px; font-weight: bold; color: #fff; /* IE8 proofing */ color: rgba(255, 255, 255, .75); text-decoration: none !important;
}

.social-links>li>a:hover,.social-links>li>a:focus {
	color: rgba(255, 255, 255, 1.0);
}


/*
 * Footer
 */
footer {
	color: #999; /* IE8 proofing */ color: rgba(255, 255, 255, .5);
}
footer .inner {
	padding:30px 10px;
}
footer span{ display:inline-block; padding:0 10px; white-space:nowrap;}

/* Skills */
.skills-item {
	margin-bottom: 60px;
}

.skills-item h2 {
	margin-top: 0px; white-space:nowrap;
}

.skills-item a { white-space:nowrap;}

.skills-item .icon-wrapper {
	padding-bottom: 10px; width: 100%;
}

.skills-item .icon-wrapper  i {
	border: 1px solid #FFFFFF; font-size: 70px; line-height: 70px;
}

.skills-item .icon-wrapper i.rounded {
	border-radius: 100px; padding: 30px;
}
/*
 * Callout
 */
.callout {
	border: 1px solid #fff; border-radius: 20px; padding: 20px; display: inline-block;
}

.callout h3 {
	margin-top: 0px;
}

.callout .btn {
	color: #2976BC;
}


/*
 * Affix and center
 */
@media ( min-width : 768px) {
	header .inner{
		padding:30px;
	}
	header .title {
		float: left; text-align: left;
	}
	header .social-links {
		float: right;
	}
	.skills-item {
		margin-bottom: 20px;
	}
}


@media ( min-width : 992px) {
	
}