/* G R I D */
.container {
  position: relative;
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box; }
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box; }

/* For devices larger than 400px */
@media (min-width: 0px) {
  .container {
    width: 85%;
    padding: 0; }
}

/* For devices larger than 550px */
@media (min-width: 960px) {
  .container {
    width: 80%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

}


/* W O B B L E*/
@-webkit-keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@keyframes hvr-wobble-vertical {
  16.65% {
    -webkit-transform: translateY(8px);
    transform: translateY(8px);
  }

  33.3% {
    -webkit-transform: translateY(-6px);
    transform: translateY(-6px);
  }

  49.95% {
    -webkit-transform: translateY(4px);
    transform: translateY(4px);
  }

  66.6% {
    -webkit-transform: translateY(-2px);
    transform: translateY(-2px);
  }

  83.25% {
    -webkit-transform: translateY(1px);
    transform: translateY(1px);
  }

  100% {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

.hvr-wobble-vertical {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-wobble-vertical:hover, .hvr-wobble-vertical:focus, .hvr-wobble-vertical:active {
  -webkit-animation-name: hvr-wobble-vertical;
  animation-name: hvr-wobble-vertical;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
   -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}

@-webkit-keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

@keyframes hvr-wobble-horizontal {
  16.65% {
    -webkit-transform: translateX(8px);
    transform: translateX(8px);
  }

  33.3% {
    -webkit-transform: translateX(-6px);
    transform: translateX(-6px);
  }

  49.95% {
    -webkit-transform: translateX(4px);
    transform: translateX(4px);
  }

  66.6% {
    -webkit-transform: translateX(-2px);
    transform: translateX(-2px);
  }

  83.25% {
    -webkit-transform: translateX(1px);
    transform: translateX(1px);
  }

  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.hvr-wobble-horizontal {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-wobble-horizontal:hover, .hvr-wobble-horizontal:focus, .hvr-wobble-horizontal:active {
  -webkit-animation-name: hvr-wobble-horizontal;
  animation-name: hvr-wobble-horizontal;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}


/* B U Z Z */
@-webkit-keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

@keyframes hvr-buzz {
  50% {
    -webkit-transform: translateX(3px) rotate(2deg);
    transform: translateX(3px) rotate(2deg);
  }

  100% {
    -webkit-transform: translateX(-3px) rotate(-2deg);
    transform: translateX(-3px) rotate(-2deg);
  }
}

.hvr-buzz {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
}

.hvr-buzz:hover, .hvr-buzz:focus, .hvr-buzz:active {
  -webkit-animation-name: hvr-buzz;
  animation-name: hvr-buzz;
  -webkit-animation-duration: 0.15s;
  animation-duration: 0.15s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* Rotate */
.hvr-rotate {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-osx-font-smoothing: grayscale;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.hvr-rotate:hover, .hvr-rotate:focus, .hvr-rotate:active {
  -webkit-transform: rotate(14deg);
  transform: rotate(14deg);
}

/* B A S E */

html {
  font-size: 62.5%; }
  
body {
  font-family: 'Libre Baskerville', Georgia, serif;
  font-weight: 400;
  color: #000000; 
  z-index: 1;
}

/* Nav
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.header {
	margin-top: 2em;
}

/* T Y P E */


a { text-decoration: none; color: black; }

h1, h2, h3, h4, p {
	margin-top: 0;
	font-weight: 400;
	text-decoration: none;
}

@media (min-width: 0px) {

h1 { font-size: 2.4rem; line-height: 1.3;  letter-spacing: .02rem; }
h2 { font-size: 1.8rem; line-height: 1.4; letter-spacing: .03rem; }
h3 { font-size: 1.0rem; line-height: 1.2;  letter-spacing: .2rem; font-weight: 700; }
h4 { font-size: 1.2rem; line-height: 1.5; letter-spacing: .03rem; }
p { font-size: 1.4rem; line-height: 1.4; letter-spacing: .04rem; }	
}

@media (min-width: 415px) {
h1 { font-size: 3.0rem; line-height: 1.4; }
h2 { font-size: 2.0rem; line-height: 1.4; letter-spacing: .03rem; }
h3 { font-size: 1.0rem; line-height: 1.2;  letter-spacing: .2rem; font-weight: 700; }
h4 { font-size: 1.2rem; line-height: 1.5; letter-spacing: .03rem; }
p { font-size: 1.6rem; line-height: 1.4; letter-spacing: .04rem; }
}

@media (min-width: 960px) {
h1 { font-size: 3.6rem; line-height: 1.45; }
h2 { font-size: 2.4rem; line-height: 1.4; letter-spacing: .03rem; }
h3 { font-size: 1.0rem; line-height: 1.2;  letter-spacing: .2rem; font-weight: 700; }
h4 { font-size: 1.2rem; line-height: 1.5; letter-spacing: .03rem; }
p { font-size: 1.6rem; line-height: 1.4; letter-spacing: .04rem; }
}
  
.bold { font-weight: 700; }
.tall { line-height: 1.6; letter-spacing: .05rem; }

.inactive { opacity: .25; }

.eyebrow-text h3 { border-top: 1px solid #000000; padding-top: .6em; text-align: left;  padding-bottom: 1rem; display: inline-block; }
.eyebrow-image h3 { border-top: 1px solid #000000; padding-top: .6em; text-align: left;  padding-bottom: 2rem; }
.eyebrow-caption h3 { border-top: 1px solid #000000; padding-top: 1em; text-align: left; }
		
.social { padding-top: 0.8em; padding-bottom: 20px; width: 50px; }

.outline { border: 1px solid #CCCCCC; }

.link { border: 1px solid #000000; padding: .0em .2em 0em .2em; background-color: #FFFFFF; white-space: nowrap;}

.feedback p { 
	position:fixed;
	top: 3.5em;
	left:-.5em; 
	text-align: center;
	padding: .25em .75em .25em .75em; 
	border: 1px solid #000000; 
	-ms-transform: rotate(90deg); 
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
    transform: rotate(90deg);
}

.feedback { 
	opacity: 0.25;
	-webkit-transition-duration: 0.4s; 
    -ms-transition-duration: 0.4s;
	-moz-transition-duration: 0.4s;
	transition-duration: 0.4s;
}

.feedback:hover {
	opacity: 1.00;
}

.download p { 
	display: inline-block;
	text-align: center;
	color: #FFFFFF;
	padding: .5em .75em .5em .75em; 
	background-color: #000000;
}

/* Utilities
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.u-full-width {
  width: 100%;
  box-sizing: border-box; }
.u-pull-right {
  float: right; }
.u-pull-left {
  float: left; }


/* Misc
–––––––––––––––––––––––––––––––––––––––––––––––––– */
hr {
  margin-top: 3rem;
  margin-bottom: 3.5rem;
  border-width: 0;
  border-top: 1px solid #E1E1E1; }


/* Clearing
–––––––––––––––––––––––––––––––––––––––––––––––––– */

/* Self Clearing Goodness */
.container:after,
.row:after,
.u-cf {
  content: "";
  display: table;
  clear: both; }


/* Media Queries
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media (min-width: 0px) { 

.section { padding-bottom: 2em; }

.hamburger-open { position: absolute; right: 0; }

.navigation-menu { 
	top: 6em;
	background-color: #FFFFFF;
	z-index: 5;
	margin: 0 auto;
	width: 225px;
	border: 1px solid #000000;
	padding: 3em 2em 3em 2em; 
	box-shadow: 1px 1px 5px #999999; }

.navigation-1 {
  position: fixed;
  top: 4em; left: 0; right: 0; 
  margin-right: auto;
  margin-left: auto;
  z-index: 3;
  width: 320px;
  -webkit-transform: translateX(-200%);
  -moz-transform: translateX(-200%);
  -ms-transform: translateX(-200%);
  -o-transform: translateX(-200%);
  transform: translateX(-200%);
 
  -webkit-transition: all .5s ease-in-out;
  -moz-transition: all .5s ease-in-out;
  -ms-transition: all .5s ease-in-out;
  -o-transition: all .5s ease-in-out;
  transition: all .5s ease-in-out;
}
 
.navigation-1.active {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}
 
.navigation-1 .menu-icon {
  font-size: 30px;
  line-height: 1em;
  -webkit-transition: all .15s ease-in-out;
  -moz-transition: all .15s ease-in-out;
  -ms-transition: all .15s ease-in-out;
  -o-transition: all .15s ease-in-out;
  transition: all .15s ease-in-out;
}

.desktop { display: none; }
 
.hamburger-close { padding-bottom: 2em; }

.header p { display: inline-block; float: left; }

.rule { border-top: 1px solid #000000; padding-top: .5em; }
.rule-img { border-top: 0px solid #000000; padding-top: 1rem; padding-bottom: .6rem; }
.rule-img2 { border-top: 0px solid #000000; padding-top: 0rem; padding-bottom: 0rem; }
.cap-img1 { border-top: 0px solid #000000; padding-top: 1rem; padding-bottom: 0rem; }
.cap-img2 { padding-top: 3.3rem; padding-bottom: 0rem; }
.end-img {padding-bottom: 5rem;}

	
.top { position:fixed; z-index: 3; bottom: 1.5em; margin: auto; width: 100%;	}
.feedback p { display: none; }
.uc{ position:fixed; z-index: 3; bottom: 2.5em; right: 1em;  text-align: center;  width: 45px; height: 45px; }

	
.card { position: relative; border-top: 1px solid #000000; padding-top: .6em; padding-bottom: 1em; height: auto; }
.card p { position: relative; width: 90%; float: left; text-align: left; padding-right: 1em; }
.card-image { position: relative; margin: auto; width: 100%; min-height: 150px; }
.more { position: absolute; right: 0; }

.attribute { border-top: 1px solid #000000; padding-top: .6em; padding-bottom: 2em; }
.attribute p { display: inline-block; float: left; text-align: left; width: 75%; padding-right: .5em; }
.icon { position: absolute; right: 0; }

.caption { border-top: 0px solid #FFFFFF; padding-top: 0em; }

h4 { padding-bottom: 2em; }

	
}

@media (min-width: 415px) {
	
.card { position: relative; border-top: 1px solid #000000; padding-top: .6em; height: auto; }
.card p { position: relative; text-align: left; }
.card-image { position: relative; display: block; margin: 0 auto; width: auto; max-width: 350px; max-height: 300px; }
.more { position: absolute; right: 0; }
	
.attribute p { display: inline-block; float: left; text-align: left; width: 80%; padding-right: .5em; }


}

@media (min-width: 960px) { 

.desktop { display: inherit; }

.hamburger-open { display: none; }
.navigation-menu { display: none; }

.section { padding-bottom: 8em; }

.caption { border-top: 1px solid #000000; padding-top: .4em; }

.rule { border-top: 1px solid #000000; padding-top: .5em; }
.rule-img { border-top: 1px solid #000000; padding-top: .8rem; padding-bottom: 0rem; }
.rule-img2 { border-top: 1px solid #000000; padding-top: 1rem; padding-bottom: 0rem; }
.cap-img1 { border-top: 1px solid #000000; padding-top: .8rem; padding-bottom: 0rem; }
.cap-img2 { padding-top: 0.8rem; padding-bottom: 0rem; }

.top { position:fixed; z-index: 3; bottom: 1.5em; left: 1em;  text-align: center; padding: .25em; width: 30px; }
.uc{ position:fixed; z-index: 3; bottom: 2.5em; right: 1em;  text-align: center;  width: 45px; height: 45px; }

.feedback p { display: inherit; }

.card { position: relative; border-top: 1px solid #000000; border-bottom: 1px solid #000000; padding-top: .6em; height: 28em; }
.card p { position: relative; text-align: left; }
.card-image { position: absolute; width: 100%; min-height: 150px; bottom: .75em; }
.more { position: absolute; right: 0; }

.attribute { position: relative; border-top: 1px solid #000000; padding-top: .6em; padding-bottom: 1em; }
.attribute p { display: inline-block; float: left; text-align: left; width: 78%; }
.icon { position: absolute; right: 0; padding-top: .2em; padding-left: 1.5em; }

}

/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/