/**
 * Full-screen video in background
 * From: http://codepen.io/anon/pen/zGwjQb explained at http://www.viewlike.us/learn/how-to-css-html-5-fullscreen-video-background-bootstrap-integration/
 **/
 
#background {
    position: fixed;
    top: 50%;
    left: 50%;
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
    z-index: -100;
    -webkit-transform: translateX(-50%) translateY(-50%);
    transform: translateX(-50%) translateY(-50%);
   /* background: url(polina.jpg) no-repeat;*/
    background-size: cover;
}
.container h1 {
  color: white;
}


/**
 * content sections
 */
 
/* Content Sections */

section {
  padding: 48px;
}

section .content {
  margin: 0 auto;
  max-width: 640px;
}

.content h2 {
  margin: 0 0 16px;
  font-size: 18px;
}

section p {
  margin: 0;
}

section p + p {
  text-indent: 2em;
}

section + hr {
  border: 0;
  border-top: 1px solid #ccc;
  height: 0;
}

section .gist {
  margin: 24px 0;
}

section .gist .gist-data {
  border-bottom: 0;
}

section .gist-meta {
  display: none;
}

.content code {
  font-family: monospace, serif;
  font-size: 16px;
  color: gray;
  white-space: nowrap;
}


/* Intro */

/* Scaffolding */

html,
body {
  width: 100%;
  height: 100%;
}

body {
  font-family: "lato", sans-serif;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.778;
  color: #222;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
}

a, a:visited, a:active {
  color: #fff;
  text-decoration: none;
}

a:hover {
/*  text-decoration: underline;*/
  text-decoration: none;
  color: #630010;
}


/* Backgrounds */

.bg-holder, .bg-holder-horizontal{
  width: 100%;
  height: 80%;
  background-size: cover;
  background-position: 50% 50%;
  color: #fff;
}

.bg-holder .content ,  .bg-holder-horizontal .content{
  color: #fff;
  text-align: center;
  position: relative;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
}

.bg-holder h2 {
  font-size: 32px;
  line-height: 1.5;
}

.pic_conference {
  background-image: url('../img/candidates/lights.jpg');
}

.pic_hack {
  background-image: url('../img/pic_hack.jpg');
}

.pic_islington {
  background-image: url('../img/pic_islington-C-ianBarrar.jpg');
}

.pic_logfile {
  background-image: url('../img/candidates/miami.jpg');
}

.pic_minion {
  background-image: url('../img/candidates/map.jpg');
}

.pic_lab {
  background-image: url('../img/candidates/katy-danger.jpg');
}

.pic_live {
  background-image: url('../img/pic_mintSouth-C-RobBall.jpg');
}

.pic_surface {
  background-image: url('../img/candidates/amtrak.jpg');
}

.pic_server {
  background-image: url('../img/candidates/0.jpg');
}

.pic_yellowbrick {
  background-image: url('../img/pic_yellowbrick.jpg');
}

.pic1 {
  background-image: url('../img/pic1.jpg');
}

.pic2 {
  background-image: url('../img/pic2.jpg');
}

.pic3 {
  background-image: url('../img/pic3.jpg');
}

@media (min-width: 768px) {
	.pic_islington {
	  	background-image: url('../img/pic_islington-C-ianBarrar_bigger.jpg');
	}
	.pic_live {
	  	background-image: url('../img/pic_mintSouth-C-RobBall_bigger.jpg');
	}
	.pic_yellowbrick {
	  	background-image: url('../img/pic_yellowbrick.jpg');
	}
	.pic1 {
		background-image: url('../img/pic1_bigger.jpg');
	}
	.pic2 {
		background-image: url('../img/pic2_bigger.jpg');
	}
	.pic3 {
		background-image: url('../img/pic3_bigger.jpg');
	}

	.pic_conference {
	  background-image: url('../img/candidates/lights.jpg');
	}
	
	.pic_logfile {
	  background-image: url('../img/candidates/miami.jpg');
	}
	
	.pic_minion {
	  background-image: url('../img/candidates/map.jpg');
	}
	
	.pic_lab {
	  background-image: url('../img/candidates/katy-danger.jpg');
	}
	
	.pic_live {
	  background-image: url('../img/pic_mintSouth-C-RobBall.jpg');
	}
	
	.pic_surface {
	  background-image: url('../img/candidates/amtrak.jpg');
	}
	
	.pic_server {
	  background-image: url('../img/candidates/0.jpg');
	}

}

/* Loading fade in div */
#loader {
    position: fixed;
    top: 0;
    width: 100%;
    height: 100%;
    background: #140003;
    z-index: 1000;
 /* IE 8 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";

  /* IE 5-7 */
  filter: alpha(opacity=0);
}


/* Content Sections */

section {
  padding: 48px;
}

section .content {
  margin: 0 auto;
  max-width: 640px;
}

.content h2 {
  margin: 0 0 16px;
  font-size: 18px;
}

section p {
  margin: 0;
}

section p + p {
  text-indent: 2em;
}

section + hr {
  border: 0;
  border-top: 1px solid #ccc;
  height: 0;
}

section .gist {
  margin: 24px 0;
}

section .gist .gist-data {
  border-bottom: 0;
}

section .gist-meta {
  display: none;
}



/* Intro */

.intro h1 {
  margin: 0;
  font-size: 48px;
  line-height: 1.5;
}

.intro h2 {
  margin: 0;
  font-size: 28px;
  line-height: 1.5;
}

.intro h2:hover{
  color: #630010;
}

 .intro p {
  margin: 0;
  font-size: 24px;
}

.cta {
  margin-top: 32px;
}

.btn-cta {
  color: #fff;
  font-size: 14px;
  border: 2px solid #fff;
  border-radius: 4px;
  padding: 8px 16px;
  margin: 0 4px;
  text-decoration: none;
}

.btn-cta:hover {
  background-color: white;
  color: #630010;
  text-decoration: none;
}