*, *:after, *:before { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
body, html { font-size: 100%; padding: 0; margin: 0;}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: " "; display: table; }
.clearfix:after { clear: both; }




/* dale alegria a tu body macarena */
body {
	font-family: 'Courier New',Courier,Lucida Sans Typewriter,Lucida Typewriter,monospace; 
	color:white;
	font-size: 1em;
}

header {width:1104px;margin:70px auto}
nav img {margin: 25px 1px 1px 24px}

a {color:white}
nav a:hover, a:focus, a:active {color:white; opacity: 0.5; text-decoration:none}
nav a {list-style:none; text-decoration:none}


.cucucu {margin:30px 0 0 15px; position:absolute}
.cuculeito {margin:30px 51px -10px 19px}





/*  -- */
.picture-item__inner {
margin-right:25px !important
}

.picture-item {
margin-top:-30px !important
}

.picture-proyecto {
margin-top: 25px !important
}


.filter-options {
display:inline-block
}

.btn, button {
    background-color: transparent;
	float: none !important
}

.btn:hover {
background-color: transparent;
opacity: 0.5;
}


.texto-trabajos {
margin:-9px 0 0 0 !important;
display:block
}
.texto-trabajos a {
text-decoration: none;
opacity:0.5;
}

@media (max-width: 480px) {
  .filter__label {text-align: center}
  .cucucu {margin:25px 0px 0px 25px}
  /* .cuculeito {margin:12px 27px 5px 5px;} */
.cuculeito {display:none}
  .row p {margin:15px}
  .picture-item img {margin: 0;}
  .btn, button {font-size: 1em;}
  .picture-item__inner {margin: 5px 25px !important;}
  .shuffle--container {margin: 4px;}
  .picture-item {margin-top: 5px;}
}
}