#banner {
		text-align: left;
		padding-left: 3.5em;
		overflow: hidden;
}

section:not(banner).more {
	text-decoration: none !important;
	position: absolute;
	width: 0;
}

.more:before {
		content: '\f078';
		height: 3em;
		font-family: FontAwesome;
}

.copyright .menu {
		color: #626c6e;
}

#banner .more {
		color: white;
		background: transparent;
}

#header h1 a:before {
		content: '';
}

#header h1 a {
		color: #999999;
}

.gisceLogo {
	height: 35px;
	vertical-align: middle;
}

#banner h1 {
		font-size: 4em;
		line-height: 1.4em;
		margin-bottom: 0;
}

#banner h1, #banner h2, #banner h3, #banner h4, #banner h5, #banner h6, #banner strong, #banner b {
		color: #ffffff;
}

ul.major-icons li p {
		margin: 0 0 0 0;
}
ul.major-icons li p.secondary {
		color: inherit;
		margin: 0 0 2em 0;
		font-size: 14px;
}

#contacteSocial{
		margin-left: auto;
		margin-right: auto;
}

#contacteSocial span{
		border-radius: 100%;
		border: none;
		line-height: 2em;
		height: 2em;
		top: -0.25em;
		font-size: 1.1em;
		margin-left: 20px;
		margin-right: 20px;
}

.centram {
	text-align: center;
}


@-moz-keyframes reveal-header {
				0% {
								top: -4em;
								opacity: 0;
				}

				100% {
								top: 0;
								opacity: 1;
				}
}

@-webkit-keyframes reveal-header {
				0% {
								top: -4em;
								opacity: 0;
				}

				100% {
								top: 0;
								opacity: 1;
				}
}

@-ms-keyframes reveal-header {
				0% {
								top: -4em;
								opacity: 0;
				}

				100% {
								top: 0;
								opacity: 1;
				}
}

@keyframes reveal-header {
				0% {
								top: -4em;
								opacity: 0;
				}

				100% {
								top: 0;
								opacity: 1;
				}
}

#header.alt {
		-moz-animation: none;
		-webkit-animation: none;
		-ms-animation: none;
		animation: none;

		/<li>background-color: black; */
		position: absolute;
		display:none;

		box-shadow: 0 1px 0 0 #ffffff;
}

#header.reveal {
				-moz-animation: reveal-header 0.5s ease;
				-webkit-animation: reveal-header 0.5s ease;
				-ms-animation: reveal-header 0.5s ease;
				animation: reveal-header 0.5s ease;
}

body {
	padding-top: 0;
}

#banner {
	height: calc(100vh);
}

@font-face {
		font-family: GISCE;
		src: url(../fonts/metro-df.ttf);
}

#distri p, #comer p, .justificat {
	text-align: justify;
}

/*
http://rgb.to/pantone/coated/293-c
coated safe -> 003399
uncoated safe-> 336699 -> 336799

split -> #336799 #ECC442 #EC7942, #ECA742
split light -> #5D9DDA #FFDA61 #FF9461, #FFBF61
adj -> #453FA4	#2C9E76
adj light -> #6F68DF	#54DCAC

split2 -> #235ba8 #a92e23 #9ea923

theme base -> 6ec7f5:86d0f7
*/

 .gisce {
	color: #336699;
	font-family: GISCE;
	letter-spacing:1.5px;
	letter-spacing:2px;
	font-size:20px;
}

.gisce.alt {
	color: #999999 !important;
}

#banner .gisceLogo {
	height: 90px;
	height: 65px;
	vertical-align: middle;
}

#banner .gisce.alt span:before{
	content: ' ' !important;
}

.feature h1 {
	font-size: 2.25em;
	line-height: 1.4em;
}

#footer {
	background: #DBE5E9;
}

#footer ul.updates li .timestamp, #footer ul.labeled-icons li .icon {
	color: #7A7D8D;
	border-color: #7A7D8D;
}



/* Sortida */
@keyframes amaga-header {
	100% {
					top: -4em;
					opacity: 0;
					visibility: hidden;

	}

	0% {
					top: 0;
					opacity: 1;
					visibility: visible;
				}
}


/* Animació al re-entrar al banner
		Amaga sticky nav amb un fade out
 */
header.animatTanca {
	-moz-animation: amaga-header 0.5s ease;
	-webkit-animation: amaga-header 0.5s ease;
	-ms-animation: amaga-header 0.5s ease;
	animation: amaga-header 0.5s ease;
	position: fixed;

	visibility: hidden;

	z-index: 1000;

	width: 100%;
}