/* Filterable Portfolio Stylesheet */


/* Simple Reset
------------------------------------------------------------ */
html, body, div, h1, h2, ul, li, dl, dd, dt, p { margin: 0; padding: 0; }
ul { list-style: none; }


/* Import Fonts
------------------------------------------------------------ */
@import url(http://fonts.googleapis.com/css?family=Quattrocento);


/* Custom Classes
------------------------------------------------------------ */
.group:after { visibility: hidden; display: block; content: ""; clear: both; height: 0; }
* html .group { zoom: 1; } /* IE6 */
*:first-child+html .group { zoom: 1; } /* IE7 */


/* General Styles
------------------------------------------------------------ */

#wrap { max-width: 80%; min-height: 100%; margin:60px auto; padding: 1.5em 20px; overflow: hidden;  -moz-box-shadow: 0 0 5px #ddd; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; 

}
#events { max-width: 80%; min-height: 100%; margin: 20px auto; padding: 1.5em 20px; overflow: hidden;-moz-box-shadow: 0 0 5px #ddd; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; background-color:#fff;  }
h1, h2 { font-weight: normal; }
h3 { font-size: 30px;

margin-top:30px;
	font-family: 'Open Sans Condensed','Arial Narrow', serif;
line-height: 30px;
padding: 0px 4px 15px 4px;}
@media screen and (max-width: 767px) {
h3 { font-size:0.9em; line-height: 2em;  }

}



.demo-top { margin-bottom: 0.35714em; padding-bottom: 0.5em; }
.credits { font-family: 'Quattrocento', serif; font-size: 1.28571em; line-height: 1.16667em; text-align: center; color: #444; margin-bottom: 2.66667em; }
.back-to-post {  margin-bottom: 3em; }


/* Filter */
dl { margin-bottom: 3em; color: #000; }
dt, dd { float: left; }
dt { margin-right: 5px; }
.filter li { float: left; }
.filter li:after { content: "/"; }
.filter li:last-child:after { content: ""; }
.filter a { padding: 0 10px; color: #666; text-decoration: none; }
.filter a:hover, .current a { color: #F20380; }

/* Portfolio Items */
.portfolio li { float: left; margin-right: 10px; margin-bottom: 2em; border: 1px solid #ccc; -moz-box-shadow: 0 5px 5px -3px #222; -webkit-box-shadow: 0 5px 5px -3px #222; box-shadow: 0 5px 5px -3px #222; }

.portfolio a { display: block; border: 7px solid #fff;  text-decoration: none; }
.portfolio img { width:250px; height:250px; display: block; border: 1px solid #000; }
#wrap { max-width:1200px; min-height: 100%; margin:60px auto; padding: 1.5em 20px; overflow: hidden;  -moz-box-shadow: 0 0 5px #ddd; -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd;