@import url('https://fonts.googleapis.com/css?family=Muli');

/* RESET */

* {
	margin: 0;
	padding: 0;
	font-family: 'Muli', sans-serif;
}

p {
	font-family: sans-serif;
}


.clearfix {
	clear: both;
}

/* HEADER */

#header.navbar-fixed-top {
	height: 90px;
	background-color: rgba(255,255,255,1);
	border: none;
	padding-left: 3em;
	padding-right: 3em;
}

	#header .navbar-brand img {
		height: 60px;
	}

	#header h1 {
		margin: 0;
		font-size: inherit;
		font-weight: 700;
	}

	#header h2 {
		font-size: 1em;
		margin: 0;
	}

	#header ul.nav li a {
		color: black;
		font-size: 1.3em;
		font-weight: 700;
		margin: 1.2em .3em 0;
	}

	#header ul.nav li a.instagram {
		margin-top: .3em;
	}

		#header ul.nav li a i {
		}

	@media (min-width: 979px) {
	  ul.nav li.dropdown:hover > ul.dropdown-menu {
	    display: block;
	  }
	}

	@media screen and (max-width: 763px) {
		header + #Index {
			margin-top: 5em;
		}

		#header .navbar-collapse[aria-expanded="true"] {
			text-align: center;
			background-color: white;
			width: 100vw;
			min-height: 69vh;
			position: absolute;
			top: 4em;
			left: 0;
		}

		#header .navbar-brand img {
			position: absolute;
			top: .5em;
			left: 1.5em;
			height: 2em;
		}
	}



/* FOOTER */

#footer {
	height: 300px;
	padding: 3em 0;
	text-align: center;
}

	#footer a {
		color: black;
	}

	#footer img {
		display: block;
		height:3em;
		margin: 9px auto;
	}

	#footer h5 {
		/*margin: 3em 3em;*/
	}


/* GENERIC */
h1 {
	margin: 60px 0 .3em;
}

div.title {
	margin: 0 auto;
}

div.underline {
	display: none;
	background-color: black;
	height: 5px;
	width: 9em;
	margin: 0 auto 3em;
}


/* PUBLICACIONES */

#publicaciones {
	padding: 9% 0;
	text-align: center;
}

	#publicaciones .row {
		margin-bottom: 30px;
		display: flex;
	}

	#publicaciones .row div .inner {
		padding: .5em;
		transition: padding .1s ease-in-out;
		-moz-transition: padding .1s ease-in-out;
		-webkit-transition: padding .1s ease-in-out;
	}

	#publicaciones .row div .inner:hover {
		padding: .3em;
	}

	#publicaciones a {
		color : black;
	}


/* GALERIA */

#galeria {
	padding-top: 5em;
	text-align: center;
}

	#galeria ul.fotos {
		list-style: none;
	}

		#galeria ul.fotos li {
			padding: 30px 0;
		}
		
			#galeria ul.fotos li img {
				margin: 0 auto;
			}

			#galeria .retouching div.item img {
				margin: 2em auto;
			}



/*  ABOUT  */
#about {
	text-align: center;
	padding-top: 5em;
	padding-bottom: 5em;
}

 #about img.about {
 	margin: 0 auto;
 }


/* CONTACTO */

#contact {
	text-align: center;
	padding-top: 9em;
	padding-bottom: 9em;
}

	#contact h2 {
		margin-bottom: 1em;
	}

	#contact ul {
		list-style: none;
	}

	#contact form input, #contact form textarea {
		margin-top: 1em;
		margin-bottom: 1em;
		min-height: 3em;
	}

	#contact button {
		background-color: black;
		color: white;
	}