/*==================================================
 * Possession Studios
 * ===============================================*/
.box-wrap {background: #fff; max-width: 1200px; margin: 0 auto; position: relative; -webkit-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 1); -moz-box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 1); box-shadow: 0px 0px 20px 2px rgba(0, 0, 0, 1);}

div.headline {font-family: 'Hammersmith One', sans-serif; color: #8B2346; font-size: 32px; line-height:1.2;}
div.head2 {font-family: 'Hammersmith One', sans-serif; color: #000; font-size: 24px; line-height:1.2;}
div.head3 {font-family: 'Hammersmith One', sans-serif; color: #8B2346; font-size: 18px; line-height:1.2;}

div.body {font-family: 'Open Sans', sans-serif; color: #333; font-size: 14px;line-height:1.2;}
li.body {font-family: 'Open Sans', sans-serif; color: #333; font-size: 14px; line-height:1.2;}
a.body:link {font-family: 'Open Sans', sans-serif; color: #000; text-decoration: none; font-weight: bold; font-size: 14px;}
a.body:visited {font-family: 'Open Sans', sans-serif; color: #000; text-decoration: none; font-weight: bold; font-size: 14px;}
a.body:hover {font-family: 'Open Sans', sans-serif; color: #900; text-decoration: none; font-weight: bold; font-size: 14px; text-shadow:1px 1px 5px #999,0 0 1em #999;}

div.nav {font-family: 'Open Sans', sans-serif; color: #999; font-size: 10px;line-height:1.2;}
a.nav:link {font-family: 'Open Sans', sans-serif; color: #999; text-decoration: none; font-weight: bold; font-size: 10px;}
a.nav:visited {font-family: 'Open Sans', sans-serif; color: #999; text-decoration: none; font-weight: bold; font-size: 10px;}
a.nav:hover {font-family: 'Open Sans', sans-serif; color: #000; text-decoration: none; font-weight: bold; font-size: 10px;}

div.img {border: 1px solid #ccc;}
div.img:hover {border: 1px solid #777;}
div.img img {width: 100%;height: auto;}
div.desc {padding: 10px;text-align: center;}
* {box-sizing: border-box;}
.responsive {padding: 0 6px;float: left;width: 20%;}
@media only screen and (max-width: 700px){.responsive {width: 49.99999%;margin: 6px 0;}}
@media only screen and (max-width: 500px){.responsive {width: 100%;}}
.clearfix:after {content: "";display: table;clear: both;}

hr { width:100%; height:2px; background: #333333 }
hr.nav { width:100%; height:1px; background: #cccccc }

ul {margin: 0; margin-left: 2px; list-style:square; padding: 3;}