@charset "UTF-8";

@font-face {
  font-family: "ssukiffli";
  src: url('../fonts/sanuk/ff_sanuk_light.woff2') format("woff2");
}

html {
  font-family: "ssukiffli", Arial, sans-serif;
  color: #575756;
}

nav ul a,
nav .brand-logo {
  color: #444;
}


.button-collapse {
  color: #26a69a;
}

.parallax-container {
  min-height: 560px;
  line-height: 0;
  height: auto;
  color: rgba(255,255,255,.9);
}
  .parallax-container .section {
    width: 100%;
  }

@media only screen and (max-width : 992px) {
  .parallax-container .section {
    position: absolute;
    top: 40%;
  }
  #index-banner .section {
    top: 10%;
  }
}

@media only screen and (max-width : 600px) {
  #index-banner .section {
    top: 0;
  }
}

.icon-block {
  padding: 0 15px;
}
.icon-block .material-icons {
  font-size: inherit;
}

.page-footer .row {
  margin-bottom: 0;
}

h1, h1.h1 {
  font-size: 1.9rem;
  color: #afca0b;
  text-transform: uppercase;
  font-stretch: condensed;
}

h2, h2.h2 {
  font-size: 1.5rem;
  text-transform: uppercase;
  font-stretch: condensed;
}

h3, h3.h3 {
  font-size: 1.2rem;
}

h4, h4.h4 {
  font-size: 1.1rem;
}


h5 {
  font-size: 1.4em;
  text-transform: uppercase;
  font-weight: bold;
}

.pagecontent a {
   color : #000000;
   text-decoration: none;
}

.pagecontent a:link, .pagecontent a:visited {
  color : #000000;
}

.pagecontent a:hover, .pagecontent a:focus {
  color : #b1c800;
  text-decoration : underline;
}

hr {
  border: 0;
  height: 1px;
  background: #ccc;
}

.greybox {
  margin-top: 30px;
  background-color: #666;
  color: #eee;
  padding: 1px 15px 10px 15px;
}

.greybox h1 {
  font-size: 1.7rem;
  color: #ccc;
}

.greybox h2 {
  font-size: 1.3rem;
  color: #ccc;
}

.greybox h3 {
  font-size: 1.1rem;
  color: #ccc;
}

.greybox a, .greybox a:link, .greybox a:visited, .greybox a:hover, .greybox a:focus  {
  color: #eee;
}