@import "../bariol/bariol.css";

body {
	font-size: 100%;
	background-color: #ccc;
	color: white;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: 'bariol_light';
}

a {
	color: white;
	text-decoration: none;
	color: rgba(255,255,255,0.8);
}

a:hover {
	color: rgba(255,255,255,1);
	text-decoration: none;
}

.banner {
	background: #037cc8 url('../img/murano-glass.jpg') no-repeat center top;
	padding: 2rem 0;
}

.caravela {
	margin-top: 5rem;
}

.backgroundsize .banner {
	background-image: url('../img/murano-glass@2x.jpg');
	background-size: 120rem 25rem;
/*	text-shadow: 0 0 0.5rem #023e97, 0 0 1rem #023e97;*/
}

.who {
	margin: 0 auto;
	
}

.who span {
	margin: 0 auto;
/*	background: rgba(255,255,255,0.5);*/
}

.portfolio {
	margin: 2em auto;
	font-family: 'bariol_bold';
	font-size: 1.28rem;
/*	background: rgba(255,255,255,0.5);*/
	width: 16rem;
}

a img {
	opacity: 0.8;
/*	border-bottom: 1px solid transparent;*/
}

a:hover img {
	opacity: 1;
/*	border-bottom: 1px solid white;*/
}

.behance-logo {
	margin-left: 0.9rem;
}

.social {
	margin: 2rem;
}

.social a {
	margin: 0 1.2rem;
}

.nickname {
	font-family: 'bariol_thin';
	font-size: 9.375rem; /* 150/16 */
	line-height: 0.7em;
}

.name {
	font-size: 4.375rem; /* 60/16 */
}

.designation {
	font-size: 3.1875rem; /* 51/16 */
}