* {
  font:2vw "Crimson Text";
  -webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
body {margin:0; padding:0;}
body > div {min-height: 60vh;}
strong {font-weight:bold;}

h1 {margin:0;}
h1 img {width:100%;}
h2 {
  margin:0 0 2em 0;
  padding:0 3vw;
  display: -webkit-flex;
  -webkit-justify-content: space-around;
  display: flex;
  justify-content: space-around;
}
h2 * {
  font-size:3vw !important;
  line-height:4vw;
  text-shadow:.1vw .1vw .1vw #999;
}
h2 a:hover {border-bottom:.5vh solid #df001b; text-decoration:none;}
h2 span {border-bottom:.5vh solid #000;}
h3 {color:#df001b; font-size:2.5vw; font-weight:normal; padding:0 3vw;}

p {max-width:1080px; min-width:70%; padding:0 3vw;}
p img {float:left; margin:.2em 1em .5em 0;}

a {color:#df001b; text-decoration:none;}
a:hover {text-decoration:underline;}

ul {max-width:1080px; min-width:70%; padding:0 6vw;}

.footer {width:100%;}

#events {margin:3em 0 3em 3vw; padding:0; min-height:50%;}
#events li img {float:left;margin:.4em 1em 0 0;max-height:4em;padding-left:0;}
#events ul {list-style-type:none; padding:0 3vw;}
#events li {border-top:2px solid #e8e8e8;margin-bottom:1.5em;}
#events li div, #events li a, #events li p {display:block;margin:0;padding-left:150px;}
#events a span {margin-top:1em;}

label * {display:block; margin-bottom:.5em; width:95%;}
textarea {height:6em;}
#location {float:left; width:31vw; margin-left:6vw; padding:.5em; background-color: rgb(236, 236, 236);}
#map {width:100%; height:300px; margin-top: .7em;}
#contact form {float:left; margin-left:4vw; width:40vw;}
#contac form input {width:90%;}

.video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
  margin-left:3vw;
}
.video iframe, .video object, .video embed {
  border:0;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

#home #contact {
  background-color:rgb(236, 236, 236);
  /*margin:0 3vw 6vw 6vw;*/
  max-width:1080px;
  min-width:60%;
  padding:1em 0;
}

#photos {
  position: relative;
  margin:3em 0 0 3em;
  padding:0 1em 0 2em;
  max-width:85vw;
  min-width:60vh;
}
.photo img {height:60%;}

body #photos {margin-bottom:4em; min-height:30vh;}
.slick-slide {height:30vh;}
.slick-slide img {height:30vh;}
.slick-prev:after {content:'❮';color:#c00;font-size:30px;}
.slick-next:before {content:'❯';color:#c00;font-size:30px;}

#home, #eskrima {margin:2em 0; padding:0 3vw;/* max-width:1080px; min-width:70%;*/}
#eskrima img {max-width:30%;}

#lineage {margin:3em 0; padding:0; min-height:30%;}
#lineage ul {list-style-type:none; padding:0 3vw;}
#lineage li {border-top:2px solid #e8e8e8; display:block; margin-bottom:1.5em; padding-left:120px;}
#lineage li:first-child {border-top: 0;}
#lineage img {height:2em;}
#lineage img:hover {
  display: inline-block;
  -webkit-animation-name: rotate;
  -webkit-animation-duration: 2s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-timing-function: linear;
  -moz-animation-name: rotate;
  -moz-animation-duration: 2s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-timing-function: linear;
  -o-animation-name: rotate;
  -o-animation-duration: 2s;
  -o-animation-iteration-count: infinite;
  -o-animation-timing-function: linear;
  animation-name: rotate;
  animation-duration: 2s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
@-webkit-keyframes rotate {
  from {-webkit-transform: rotate(0deg);}
  to {-webkit-transform: rotate(360deg);}
}

@-moz-keyframes rotate {
  from {-moz-transform: rotate(0deg);}
  to {-moz-transform: rotate(360deg);}
}

@-o-keyframes rotate {
  from {-moz-transform: rotate(0deg);}
  to {-moz-transform: rotate(360deg);}
}

@keyframes rotate {
  from {transform: rotate(0deg);}
  to {transform: rotate(360deg);}
}

/* Start: Recommended Isotope styles */

/**** Isotope Filtering ****/

.isotope-item {z-index: 2;}
.isotope-hidden.isotope-item {pointer-events: none; z-index: 1;}

/**** Isotope CSS3 transitions ****/

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.8s;
  -moz-transition-duration: 0.8s;
  transition-duration: 0.8s;
}

.isotope {
  -webkit-transition-property: height, width;
  -moz-transition-property: height, width;
  transition-property: height, width;
}
.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform, opacity;
  transition-property: transform, opacity;
}

/**** disabling Isotope CSS3 transitions ****/
.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
  -moz-transition-duration: 0s;
  transition-duration: 0s;
}
/* End: Recommended Isotope styles */

@media (max-width:760px) {
  * {font:4vw "Crimson Text";}
  h2 {display: block; text-align: center;}
  h2, h2 * {font:bold 4vw "Crimson Text" !important; margin:2vw 1vw 4vw 1vw;}
  h2 a:hover {border-bottom:.2vw solid #df001b;}
  #events li div, #events li a, #events li p {padding-left:200px;}
  #photos {margin:3em 0 0 1em;padding:0 1em 0 1em;}
  .slick-prev {display:none;}
  .slick-next {display:none;}
  #contact #location, #contact form {display:block;float:none;width:auto;}
  #lineage li {padding-left:10%;}
}

/* Retina-specific stuff here */
@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  * {font:4vw "Crimson Text";}
  h2 {display: block; text-align: center;}
  h2, h2 * {font:bold 4vw "Crimson Text" !important; margin:2vw 1vw 4vw 1vw;}
  h2 a:hover {border-bottom:.4vh solid #df001b;}
  #events li div, #events li a, #events li p {padding-left:200px;}
  #photos {margin:3em 0 0 1em;padding:0 1em 0 1em;}
  .slick-prev:after {content:'';}
  .slick-next:before {content:'';}
  #contact #location, #contact form {display:block;float:none;width:auto;}
  #location {margin:3vw; width:94vw;}
}