@font-face {
  font-family: ethnocentric;
  src: url(fonts/ethnocentric.ttf);
}

@font-face {
  font-family: carbon;
  src: url(fonts/carbon.ttf);
}

@font-face {
  font-family: libel;
  src: url(fonts/libel-suit.ttf);
}

@font-face {
  font-family: unique;
  src: url(fonts/Unique.ttf);
}

body{
  color:#000;

  background:
  radial-gradient(#ebebeb 3px, transparent 4px),
  radial-gradient(#ebebeb 3px, transparent 4px),
  linear-gradient(#fff 4px, transparent 0),
  linear-gradient(45deg, transparent 74px, transparent 75px, #ebebeb 75px, #ebebeb 76px, transparent 77px, transparent 109px),
  linear-gradient(-45deg, transparent 75px, transparent 76px, #ebebeb 76px, #ebebeb 77px, transparent 78px, transparent 109px),
  #fff;
  background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
  background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;

}

.img-container {
  position: relative;
  text-align: center;
  color: white;
  margin-bottom:20px;
}

.centered-img-text {
  position: absolute;
  top: 80%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: rgba(0, 0, 0, 0.5);
  width:95%;
}

.centered-div-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color:#fff;
}

.footerIcons{
	width:30px;
	vertical-align: middle;
}

.no-bottom-padding{
  padding-bottom: 0px !important;
}

.img-container-header-text{
  font-size: 40px; 
  font-family: libel;
}

.no-shadows {
    box-shadow: none!important;
}

.no-padding-margin{
  padding:0px !important; 
  margin:0px; 
  margin-top: -5px;
}

.bgPattern{
  background:
  radial-gradient(#ebebeb 3px, transparent 4px),
  radial-gradient(#ebebeb 3px, transparent 4px),
  linear-gradient(#fff 4px, transparent 0),
  linear-gradient(45deg, transparent 74px, transparent 75px, #ebebeb 75px, #ebebeb 76px, transparent 77px, transparent 109px),
  linear-gradient(-45deg, transparent 75px, transparent 76px, #ebebeb 76px, #ebebeb 77px, transparent 78px, transparent 109px),
  #fff;
  background-size: 109px 109px, 109px 109px,100% 6px, 109px 109px, 109px 109px;
  background-position: 54px 55px, 0px 0px, 0px 0px, 0px 0px, 0px 0px;
}

.navigationArrows{
  vertical-align: 
  middle; color:#FFF;
  background-color:#000; 
  padding: 3px; 
  border-radius: 50%;"
}

.navigationAtext{
  font-family: unique;
  font-size: 20px; 
  color:#000;
}