/* Custom Stylesheet */
/**
 * Use this file to override Materialize files so you can update
 * the core Materialize files in the future
 *
 * Made By MaterializeCSS.com
 */

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


div.xhide {
  overflow-x: hidden;
}

body {
  background-color: #000000;
  color: #ffffff; 
  font-size: 62.5%;
  }
  
a, a:focus, a:active {
  color: white;
   text-decoration: underline;
   text-decoration-skip: auto;
}

a:hover {
 color: white;
 text-decoration: underline;
 text-decoration-skip: auto;
}




.containernav {
  margin: 25px auto 10px auto;
  max-width: 1280px;
  width: 90%;
}

@media only screen and (min-width: 601px) {
  .containernav {
    width: 85%;
  }
}

@media only screen and (min-width: 993px) {
  .containernav {
    width: 70%;
  }
}  



.containerpad25 {
  margin: 0 auto;
  margin-bottom: 25px;
  max-width: 1280px;
  width: 90%;
}

@media only screen and (min-width: 601px) {
  .container {
    width: 85%;
  }
}

@media only screen and (min-width: 993px) {
  .container {
    width: 70%;
  }
}
 


.containerpad50 {
  margin: 0 auto;
  margin-bottom: 50px;
  max-width: 1280px;
  width: 90%;
}

@media only screen and (min-width: 601px) {
  .container {
    width: 85%;
  }
}

@media only screen and (min-width: 993px) {
  .container {
    width: 70%;
  }
} 
  
  
p {
font-family:"Helvetica Neue LT W05_55 Roman";
font-size: 1.2rem;
line-height: 1.45rem;
 }


 h5 {
font-family:"Helvetica Neue LT W05_85 Heavy";
text-transform:uppercase;
font-size: 1.2rem;
line-height: 1.45rem;
 } 
 
 

@media only screen and (min-width: 601px) {
 h5 {
font-size: 1.4rem;
line-height: 1.65rem;
}
}


@media only screen and (min-width: 993px) {
 h5 {
font-size: 1.5rem;
line-height: 1.75rem;
}
}


@media only screen and (min-width: 1201px) {
 h5 {
font-size: 1.55rem;
line-height: 1.8rem;
}
}



.strong {
font-family:"Helvetica Neue LT W05_85 Heavy";
 }


.mid {
font-size: 1.2rem;
line-height: 1.45rem;
}


@media only screen and (min-width: 601px) {
.mid {
font-size: 1.4rem;
line-height: 1.65rem;
}
}


@media only screen and (min-width: 993px) {
.mid {
font-size: 1.5rem;
line-height: 1.75rem;
}
}


@media only screen and (min-width: 1201px) {
.mid {
font-size: 1.55rem;
line-height: 1.8rem;
}
}





.midw {
font-size: 1.2rem;
line-height: 1.45rem;
color: #000000;
}



.midw a, .midw a:focus, .midw a:active {
  color: #000000;
   text-decoration: underline;
   text-decoration-skip: auto;
}

.midw a:hover {
 color: #000000;
 text-decoration: underline;
 text-decoration-skip: auto;
}



@media only screen and (min-width: 201px) {
.midw {
font-size: 1.2rem;
line-height: 1.45rem;
color: #000000;
}
}



@media only screen and (min-width: 601px) {
.midw {
font-size: 1.4rem;
line-height: 1.65rem;
color: #000000;
}
}


@media only screen and (min-width: 993px) {
.midw {
font-size: 1.5rem;
line-height: 1.75rem;
color: #000000;
}
}


@media only screen and (min-width: 1201px) {
.midw {
font-size: 1.55rem;
line-height: 1.8rem;
color: #000000;
}
}







 





 
.jptxt {
 font-size: 0.5rem;
 line-height: 1.05rem;
}


@media only screen and (min-width: 201px) {
.jptxt {
 font-size: 0.6rem;
 line-height: 1.1rem;
}
}



@media only screen and (min-width: 601px) {
.jptxt {
 font-size: 0.7rem;
 line-height: 1.2rem;
}
}


@media only screen and (min-width: 993px) {
.jptxt {
 font-size: 0.7rem;
 line-height: 1.2rem;
}
}






footerdiv {
padding-bottom: 100px;
    background-color: #8b0001;
}




.parallax-container {
    position: relative;
    overflow: hidden;
    height:1200px
    background-color: #8b0001;
}

.parallax-container .parallax {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index:-1
}

.parallax-container .parallax img {
    opacity: 0;
    position: absolute;
    left: 50%;
    bottom: 0;
    min-width: 100%;
    min-height: 100%;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-transform: translateX(-50%);
    transform:translateX(-50%)
}