@import url('https://fonts.googleapis.com/css?family=Source+Code+Pro:400,700&display=swap');

/* Slow Animations */
a, a img, input, button, textarea { transition-property: opacity background color; transition-duration: 0.20s; transition-timing-function: ease-out; -webkit-transition-property: opacity background color; -webkit-transition-duration: 0.20s; -webkit-transition-timing-function: ease-out; -moz-transition-property: opacity background color; -moz-transition-duration: 0.20s; -moz-transition-timing-function: ease-out; -o-transition-property: opacity background color; -o-transition-duration: 0.20s; -o-transition-timing-function: ease-out; }

.js-animate span,
.fade {
  transition-property: opacity;
  transition-duration: 600ms;
  transition-timing-function: ease-out; 
}

.fade {
    opacity: 0.2;
}

body {  
  position: relative;
  font-family: Source Code Pro, "Helvetica", sans-serif;
  color: #000; 
  margin:0;
  padding: 4% 0;
  font-weight: 300;
  text-align: center;
}

.container,
.row,
.column {
  display: flex;
}

.row {
  flex-direction: row;
  justify-content: center;
  width: 100%;
}

.column {
  flex-direction: column;
  max-width: 800px;
}

em {
  font-style: normal;
  font-weight: 700;
}

header, 
footer {
  width: 800px;
  max-width: 92%;
  margin: 0 auto;
}

p { 
  margin: 0; 
  font-size: 18px;
}

p.disclaimer {
  text-align: justify;
  font-size: 11px;
}

a:link, a:visited {
  color: inherit; 
  text-decoration: none;
}

a:hover, a:active { 
  color: inherit; 
}

p a:link, p a:visited { 
  border-bottom: 1px solid black; 
}

p a:hover, p a:active { 
  border-bottom: 1px solid white; 
}

article {
  z-index: 4; 
  position: relative;
  color: black;
  margin: 25px 0px 0px 0px;
  padding: 2em 4%;
  width: 100%;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
}

article p { 
  margin-bottom: 1em; 
}

h1, h2, h3, h4, h5, h6 { 
  margin: 0; 
  font-weight: 400; 
  line-height: 1.5; 
}

h3, h4 {
  margin: 2rem 0;
}

h1 { 
  text-transform: lowercase; 
  font-weight: 700; 
}

h2 { 
  text-transform: uppercase;
  font-size: 36px; 
  font-weight: 300; 
}

h3 { 
  font-weight: 700;
  font-size: 24px; 
  margin-bottom: 10px; 
}

h4 {
  font-size: 18px;
}

hr {
  background: #ccc;
  height: 1px;
  margin: 1em;
  border: none;
}

.hero { padding: 40px 0; }

.interest-block {
  position: relative;
  background: #f8f8f8;
  font-weight: 400;
  font-size: 1.2em;
  color: #000;
  padding: 1em;
  margin: 0px auto; 
}

.interest-block p:first-child {
  margin-top: 1em;
}

.interest-block p {
  margin-bottom: 1em;
}

header h1, 
header h1 img, 
header h2, 
header p { 
  position: relative; 
  z-index: 4; 
}

/* Phone */
@media only screen and (max-width: 480px), only screen and (max-device-width: 480px), only screen and (max-device-width: 640px) {
  html { 
    -webkit-text-size-adjust:none; 
  }

  h2 { 
    font-size: 24px; 
  }
}