@charset "utf-8";
/* CSS Document */

#mediateca{
	padding:1em 0 2em;
}
.col-3{float:left;
	margin-top:15px;
	margin-bottom:15px;
}
#mediateca h1{
	font-family: 'Erica One', cursive;
    color: #0f588b;
    font-weight: 400;
	text-transform: uppercase;
    font-size: 2.125em;
}
#mediateca h2{
	font-family: 'Erica One', cursive;
    color: #00abd5;
    font-weight: 400;
	text-transform: uppercase;
    font-size: 2.125em;
}
#mediateca h1 strong {
    color: #00abd5;
    font-weight: 400;
}
.gallery {
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
-webkit-column-width: 33%;
-moz-column-width: 33%;
column-width: 33%; }
.gallery .pics {
-webkit-transition: all 350ms ease;
transition: all 350ms ease; }
.gallery .animation {
-webkit-transform: scale(1);
-ms-transform: scale(1);
transform: scale(1); }

@media (max-width: 450px) {
.gallery {
-webkit-column-count: 1;
-moz-column-count: 1;
column-count: 1;
-webkit-column-width: 100%;
-moz-column-width: 100%;
column-width: 100%;
}
}

@media (max-width: 400px) {
.btn.filter {
padding-left: 1.1rem;
padding-right: 1.1rem;
}
}