.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
* { /*border: 1px solid red; */
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box; }

html, body, div, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, ol, ul, li, form, fieldset, legend, label, table, header, footer, nav, section, figure {
  margin: 0;
  padding: 0; }

ol, ul {
  list-style: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

header, footer, nav, section, article, hgroup, figure {
  display: block; }

/*------------------------------------*\
    GLOBAL STYLES
\*------------------------------------*/
body {
  font: 110%/1.5   'Audiowide', cursive;
  color: #110000;
  background: hsla(0,0%,23%,1.00); }

a {
  font: italic 110%/1.5   'Audiowide', cursive;
  color: hsla(0,0%,93%,1.00);
  outline: 0;
  text-decoration: none; }
  a:hover, a:focus {
    color: hsla(296,23%,29%,1.00); }

/*------------------------------------*\
    CLASSES
\*------------------------------------*/
.clear {
  clear: both; }

.hide {
  display: none; }

.clickable {
  cursor: pointer; }

.center {
  text-align: center;
  display: block; }

.wp-smiley {
  display: inline !important;
  padding: 0;
  border: 0; }

.left {
  float: left; }

.right {
  float: right; }

.center {
  text-align: center; }

.inline {
  display: inline !important; }

.inline-block {
  display: inline-block !important; }

.block {
  display: block !important; }

.pad {
  padding: 1em; }

/* Clearfix http:/nicolasgallagher.com/micro-clearfix-hack/ */
.cf:before, .cf:after {
  content: " ";
  display: table; }

.cf:after {
  clear: both; }

/*------------------------------------*\
    TYPE
\*------------------------------------*/
h1, .t-alpha {
  font-size: 1.5em;
  line-height: 1;
  margin: 1.5em 0 0.5em;
  text-align: center;
  text-rendering: optimizeLegibility; }
   @media all and (min-width: 47em) {
    h1, .t-alpha {
      font-size: 3em; } } 
 
h2, .t-beta {
  border-bottom: 5px solid #dedcb9;
  padding-bottom: 0.15em;
  font-size: 1.8em;
  line-height: 1;
  letter-spacing: -0.02em;
  margin: 1.5em 0 0.5em;
  text-align: center;
  text-rendering: optimizeLegibility; }
  @media all and (min-width: 47em) {
    h2, .t-beta {
      font-size: 2.5em;
      border-bottom-width: 10px; } }

h3, .t-gamma {
  font: bold 1.3em/1 "HelveticaNeue", "Helvetica", "Arial", sans-serif;
  text-transform: lowercase;
  padding-bottom: 0.5em;
   border-bottom: 1px solid #cdcaa2 ;
  margin: 0.5em 0;
  text-rendering: optimizeLegibility; }
  @media all and (min-width: 47em) {
    h3, .t-gamma {
      font-size: 1.6em; } }

h4, .t-delta {
  font-size: 1.2em;
  margin-bottom: 0.5em; }

h5, .t-epsilon {
  font-size: 1.2em;
  font-weight: normal; }

p {
  margin-bottom: 2em; }

blockquote {
  font: italic 1.2em/1.4 Georgia, "Times New Roman", Times, serif;
  padding: 1em;
  margin: 0 0 2em;
  background: rgba(205, 202, 162, 0.16);  }

blockquote p:last-child {
  margin: 0; }

hr {
  margin: 1.4em 0;
  display: block;
  height: 1px;
  border: 0;
  border-bottom: 2px dotted #c1bf96; 
  outline: none; }

pre { 
  background: #110000;
  color: hsla(359,82%,49%,1.00);
  display: block;
  padding: 1em;
  margin-bottom: 2em;
  white-space: -moz-pre-wrap;
  white-space: -pre-wrap;
  white-space: -o-pre-wrap;
  white-space: pre-wrap;
  word-wrap: break-word; }

/* Type Sizes */
.xl {
  font-size: 1.2em;
  font-weight: bold;
  line-height: 1.2; }
  @media all and (min-width: 47em) {
    .xl {
      font-size: 1.5em; } }
  @media all and (min-width: 66em) {
    .xl {
      font-size: 2em; } }

small, .meta { 
  color: #afaa78 ; }

.bullet {
  list-style: square;
  margin-left: 1em; }

/*------------------------------------*\
    LAYOUT
\*------------------------------------*/
/* Layout Container */
.lc {
  max-width: 40em;
  margin: 0 auto; }
  @media all and (min-width: 81em) {
    .lc {
      padding: 0 2em; } }

/* Grid Blocks */
.g {
  overflow: hidden;
  margin: 0 -1em; }

.flush {
  margin: 0 -1em; }

.gi {
  /* Grid Item */
  padding: 1em; }
  .gi h2:first-child {
    margin-top: 0; }
  .gi p:last-child {
    margin-bottom: 0; }

.sidebar .m {
  padding: 1em 0; }}
/////////////////*BREAKPOINT 1*///////////////
@media all and (min-width: 47em)/*725px*/ {
  .gi {
    float: left; }

  .g3 .gi {
    width: 50%; }
    .g3 .gi:nth-of-type(2n+1) {
      clear: left; }

  .g5 .gi {
    width: 50%; }
    .g5 .gi:nth-of-type(2n+1) {
      clear: left; }

  .g2-wide .gi {
    width: 100%; }

  .g-1-3 {
    float: left;
    width: 50%; }

  .g-2-3 {
    float: left;
    width: 50%; } }

///////////*BREAKPOINT #2*//////////////////////////
@media all and (min-width: 66em) /*1056px*/{
  .g2 .gi {
    width: 50%; }
    .g2 .gi:nth-of-type(2n+1) {
      clear: left; }

  .g3 .gi {
    width: 33%; }
    .g3 .gi:nth-of-type(2n+1) {
      clear: none; }
    .g3 .gi:nth-of-type(3n+1) {
      clear: left; }

  .g5 .gi {
    width: 33.333333%; }
    .g5 .gi:nth-of-type(2n+1) {
      clear: none; }
    .g5 .gi:nth-of-type(3n+1) {
      clear: left; }

  .g-1-3 {
    width: 33.33333%; }

  .g-2-3 {
    width: 66.66666%; }

  .sidebar .m {
    padding-right: 0;
    padding-left: 1em; }
    .sidebar .m:first-child {
      padding-top: 0; } }

////////////////////* BREAKPOINT #3 *///////////////////////	  
@media all and (min-width: 81em) /*1296px*/{
  .g2-wide .gi {
    float: left;
    width: 50%; }
    .g2-wide .gi:nth-of-type(2n+1) {
      clear: left; }

  .g5 .gi {
    width: 25%; }
    .g5 .gi:nth-of-type(3n+1) {
      clear: none; }
    .g5 .gi:nth-of-type(4n+1) {
      clear: left; } }
	  
////////////////* BREAKPOINT #4 *////////////////////////////
@media all and (min-width: 92em) /*1472px*/{
  .g5 .gi {
    width: 20%; }
    .g5 .gi:nth-of-type(4n+1) {
      clear: none; }
    .g5 .gi:nth-of-type(5n+1) {
      clear: left; } }
/* Table Layout */
@media all and (min-width: 47em) {
  .table {
    display: table-row; }

  .td {
    display: table-cell;
    vertical-align: middle; }

  .td.equal {
    width: 50%; } }
/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/* Header */
.header {
  margin: auto 0;
  overflow: hidden;
  background: url(imgs/paper.jpg);/*logo background*/
  text-transform: lowercase;
  position: relative;
     }
 
 .header a { 

    text-decoration: none;
    
    display: block;
    padding: 0.8em;
	 }	
    @media all and (min-width: 47em) /*752px*/{
      .header a {   
        /* Usage @include transition(max-height,0.5s,ease-out); */
        -webkit-transition: all 0.5s ease-out;
        -moz-transition: all 0.5s ease-out;
        -ms-transition: all 0.5s ease-out;
        -o-transition: all 0.5s ease-out;
        transition: all 0.5s ease-out;
        padding: 0.8em 0.5em;  } }
  .header a:hover, .header a:focus {
  color: hsla(304,68%,46%,1.00);  transition: color 1s ease-out;
 -moz-transition: color 1s ease-out;
 -webkit-transition: color 1s ease-out;
/*font-weight:bold;*/	}
  @media all and (min-width: 47em) /*752px*/{
    .header {-webkit-box-shadow: 0px 28px 44px -25px rgba(255,255,255,1);
-moz-box-shadow: 0px 28px 44px -25px rgba(255,255,255,1);
box-shadow: 0px 28px 44px -25px rgba(255,255,255,1);
      background: url(imgs/paper.jpg) ;/*burgundy*/
      line-height: 1;
      padding: 0 0.5em; } }
  @media all and (min-width: 66em) /*1056px*/{
    .header {-webkit-box-shadow: 0px 28px 44px -25px rgba(255,255,255,1);
-moz-box-shadow: 0px 28px 44px -25px rgba(255,255,255,1);
box-shadow: 0px 28px 44px -25px rgba(255,255,255,1);
      background:url(imgs/paper.jpg);/*dark green*/
      line-height: 1;
      padding: 0 1em; } }	  
  @media all and (min-width: 81em) /*1296px*/{
    .header {-webkit-box-shadow: 0px 28px 44px -25px rgba(255,255,255,1);
-moz-box-shadow: 0px 28px 44px -25px rgba(255,255,255,1);
box-shadow: 0px 28px 44px -25px rgba(255,255,255,1);
	  background: url(imgs/paper.jpg); /*gray green*/
      padding: 0 1.5em; } }

.logo {
  font-weight: normal;
  margin: 0;
  padding: 0;
  font-size: 1em;
  line-height: inherit;
  position: relative;
  z-index: 1;
  float: left; }

/* Primary Navigation */
.nav-toggle {
  float: right; }
  .nav-toggle:after {
    content: " ";
    font-size: 0.8em; }
  @media all and (min-width: 47em) {
    .nav-toggle {
      display: none !important; } }

.nav { 
  overflow: hidden;
  background: hsla(294,82%,20%,1.00); /*light purple*/
  text-transform: uppercase;
 //* Medium & Up*// }
  .nav a { 
    text-decoration: none;
    color: hsla(0,0%,16%,1.00);  /*light gray menu color a*/
    display: block;
    padding: 0.8em;
	text-align:center; }
  .nav li:nth-of-type(1) a { 
    background: hsla(0,1%,87%,0.74);}
  .nav li:nth-of-type(2) a {
    background: hsla(0,0%,73%,0.74); }
  .nav li:nth-of-type(3) a {
    background: hsla(0,0%,64%,0.74); }
  .nav li:nth-of-type(4) a {
    background: hsla(0,0%,38%,0.71); }
 
  .nav li a:hover, .nav li a:focus, .nav li a:active {
    background: url(imgs/paper.jpg);  } /*the hover color*/
  .nav .top {
    display: none;  }
  @media all and (min-width: 47em) {
    .nav {
      background:url(imgs/paper.jpg);
      margin: 0;
      clear: none;
      max-height: none;
      float: right;
	   }
      .nav li {
        display: inline-block; }
      .nav li a {
        background: none !important;
        padding: 0.8em 0.5em; } }

/* Nav Small Screen Functionality: http:/netmagazine.com/tutorials/build-smart-mobile-navigation-without-hacks */
@media all and (max-width: 47em) {
  #nav {
    max-height: 0;
    /* Usage @include transition(max-height,0.5s,ease-out); */
    -webkit-transition: max-height 0.4s ease-out;
    -moz-transition: max-height 0.4s ease-out;
    -ms-transition: max-height 0.4s ease-out;
    -o-transition: max-height 0.4s ease-out;
    transition: max-height 0.4s ease-out; }
    #nav:target {
      /* Nav open */
      max-height: 25em; }
      #nav:target .top {
        display: block;
        position: absolute;
		 
        bottom: 0;
        right: 0;
        width: 4em;
		height:10em;
        background: none;
        text-indent: -99999em; } }
/* Leaderboard */
.leaderboard {
  display: block;
  background: #646363; /*second part bg*/
  position: relative;
  overflow: hidden;
  text-align: center;
  padding: 3em 1em;
  /* Usage @include transition(max-height,0.5s,ease-out); */
  -webkit-transition: padding 0.3s ease-out;
  -moz-transition: padding 0.3s ease-out;
  -ms-transition: padding 0.3s ease-out;
  -o-transition: padding 0.3s ease-out;
  transition: padding 0.3s ease-out; }
  .leaderboard h1, .leaderboard h2 {
    font-size: 1.8em;
    color: #dedcb9;
    margin: 0;
    border: 0;
    position: relative;
    /* Usage @include transition(max-height,0.5s,ease-out); */
    -webkit-transition: font-size 0.3s ease-out;
    -moz-transition: font-size 0.3s ease-out;
    -ms-transition: font-size 0.3s ease-out;
    -o-transition: font-size 0.3s ease-out;
    transition: font-size 0.3s ease-out; }
  .leaderboard a {
    color: #fff;  /*lt gray*/ }
    .leaderboard a:hover, .leaderboard a:focus, .leaderboard a .icon {
      color: #cdcaa2; /*lt gray*/}
  @media all and (min-width: 47em) and (min-height: 28em) {
    .leaderboard {
      padding: 3em 1em; }
      .leaderboard h1, .leaderboard h2 {
        font-size: 4em; } }
  @media all and (min-width: 81em) and (min-height: 28em) {
    .leaderboard {
      padding: 6em 2em; }
      .leaderboard h1, .leaderboard h2 {
        font-size: 4em; } }
  @media all and (min-width: 66em) and (min-height: 28em) {
    .leaderboard h1, .leaderboard h2 {
      font-size: 5em; } }
  @media all and (min-width: 81em) and (min-height: 38em) {
    .leaderboard {
      padding: 8em 2em; }
      .leaderboard h1, .leaderboard h2 {
        font-size: 6.5em; 
		 
		} }

.post-time {
  color: #dedcb9;
  font-size: 85%;
  opacity: 0.5;
  display: block;
  margin: 1em 0 0; }

/*Content*/
.content {
  margin: 0 auto;
  padding: 1em 1em 6em;
  max-width: 75em; }
  @media all and (min-width: 81em) {
    .content {
      padding: 1em 2em 6em; } }

.single .content {
  max-width: 40em; }
 
  /* Footer */
Footer {
  
  width: 100%;
  display: block;
  
  }
 

@media all and (min-width: 47em) {
  .footer .nav {
    display: none; } }

/* List */
.list-title {
  margin-bottom: 0; }

.list {
  margin-bottom: 2em; }
  .list li a {
    display: block;
    border-bottom: 1px solid #dedcb9;
    padding: 1em 0;
    color: #110000;
    overflow: hidden;
    /* Usage @include transition(max-height,0.5s,ease-out); */
    -webkit-transition: background 0.3s ease-out;
    -moz-transition: background 0.3s ease-out;
    -ms-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    transition: background 0.3s ease-out; }
    .list li a:hover, .list li a:focus {
      background: rgba(205, 202, 162, 0.16); }
  .list .t {
    float: left;
    width: 78%;
    padding-right: 1em; }
  .list .t-meta {
    float: right;
    text-align: right;
    width: 22%; }




	  
#container{
	margin: 1em auto;
	}
img {
	max-width: 100%;
	overflow: auto;
	display: block;
	margin: auto;
	}
div.animate: hover{
	width: 80%
	}
div.animate1 {
	margin-left:10%;
	width: 38%;
	height: 20%;
	 
	-webkit-transition: width: 2s;
	transition: width 2s;
	padding: 0.5em;
	overflow:auto;
	}
div.animate2 {
	margin-left:10%;
	width: 27%;
	height: 20%; 
	-webkit-transition: width: 2s;
	transition: width 2s;
	padding: 0.5em;
	overflow:auto;
	 
	}
	div.animate3 {
	margin-left:10%;
	width: 21%;
	height: 20%; 
	-webkit-transition: width: 2s;
	transition: width 2s;
	padding: 0.5em;
	overflow:auto;
	}
	div.animate4 {
	margin-left:10%;
	width: 14%;
	height: 20%; 
	-webkit-transition: width: 2s;
	transition: width 2s;
	padding: 0.5em;
	overflow:auto;
	}