body {
	font-family: 'Raleway', sans-serif;
	margin:auto;
	width: 100%;
	color: #FFF;
	}
	
h1 {font-size: 18pt;}
h2 {font-size: 14pt;}
h3 {font-size: 10pt;}
h4 {font-size: 9pt;}


code{
	font-family:"Courier New", Courier, monospace;
	}
	

/* header */
.links {font-weight: 500; letter-spacing: 0.25em; font-size: 2em;}
.links a {
color: #16c062;
text-decoration: none;
border-color: #999;
border-style: none none solid;
border-width: 0 0 1px;
padding: 0 0 0.3em;
font-weight: 700;

	
}
.links li {list-style-type: none; display: inline; padding: 15px; }

img {
    width: 15%;
    height: auto;
}

/* content */

.fullscreen-bg {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  z-index: -1;
  opacity: 0.50;
}

.fullscreen-bg__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0.50;
}

@media (min-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    height: 300%;
    top: -100%;
  }
}

@media (max-aspect-ratio: 16/9) {
  .fullscreen-bg__video {
    width: 300%;
    left: -100%;
  }
}

@media (max-width: 767px) {
  .fullscreen-bg {
    background: url('../videoback.jpg') center center / cover no-repeat;
  }

  .fullscreen-bg__video {
    display: none;
  }
}

.logo:before {z-index:300000; position:absolute;}

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;