#navbar{
	background-color: #006064;
	position: fixed;
	z-index: 100;
}

#logo{
	height:60px;
	width:auto;
	margin-left:40px; 

}
#img1{
	background-size: 100%;


}

#pen{
	background-color: #CEDEF2;
	color: white;
}

hr{
	border:0;
	opacity: 50;
	text-align: center;

}


#particles-js {
	width: 100%;
	height: 100%;
	z-index: 1;
	
}


}
#footer{
background-image: url(img/propositos2.jpg);
opacity: 4;
background-image: 100% 100%;
background-attachment: fixed; 
}




/* -------------------------------------------------- Logos*/
.twitter {
	display: inline-block;
	position: relative;
	text-indent:
	 -9999px;
	width: 30px;
	height: 30px;
	background:url(../img/icons/social_icons_dark.svg) no-repeat;
}

.twitter span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(../img/icons/social_icons_dark.svg) no-repeat;
	background-position: -30px 0;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.twitter:hover span {
	opacity: 1;
}

.facebook {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background:url(../img/icons/social_icons_dark.svg) no-repeat;
	background-position:0 -180px;
}

.facebook span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(../img/icons/social_icons_dark.svg) no-repeat;
	background-position: -30px -180px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.facebook:hover span {
	opacity: 1;
}


.pinterest {
	display: inline-block;
	position: relative;
	text-indent: -9999px;
	width: 30px;
	height: 30px;
	background:url(../img/icons/social_icons_dark.svg) no-repeat;
	background-position:0 -90px;
}

.pinterest span {
	position: absolute;
	top: 0; left: 0; bottom: 0; right: 0;
	background:url(../img/icons/social_icons_dark.svg) no-repeat;
	background-position: -30px -90px;
	opacity: 0;
	-webkit-transition: opacity 0.5s;
	-moz-transition:    opacity 0.5s;
	-o-transition:      opacity 0.5s;
}

.pinterest:hover span {
	opacity: 1;
}



#arriba{

	position:absolute-center;
    
    z-index: 1;
}