/* background setup */
.background {
}

/* fullscreen setup */

.fullscreen,
.content-a {
    width:100%;
    min-height:100%;
	height:100%;
}
.not-fullscreen,
.not-fullscreen .content-a,
.fullscreen.not-overflow,
.fullscreen.not-overflow .content-a {
    height:100%;
    overflow:hidden;
}

/* content centering styles */
.content-a {
    display:table;
	height:100%;
}
.content-b {
    display:table-cell;
    position:relative;
    vertical-align:middle;
    text-align:center;
}

section {
}

.not-fullscreen {
    height:50%;
	/* background white so that it appears over the video in screens with small height */
	background-color:white;
}

.footer-home {
    height:20%;
}

.container_claim{
	background: rgba(0,0,0,0.8);
}


.claim{
	font-size:34px;
	color:white;
	padding: 0px 0px 0px 0px;
	font-weight:600;
	margin-top:50px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.claim_small{
	font-size:30px;
	color:white;
	padding: 0px 0px 0px 0px;
	font-weight:500;
	margin-top:10px;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.subclaim_left{
	padding:20px 0px 30px 20px;
}

.subclaim_right{
	padding:20px 20px 30px 20px;
}

.home_block_title {
	font-size: 30px;
	font-weight:600;
    color: white;
	text-shadow: -1px 0 #000, 0 1px #000, 1px 0 black, 0 -1px #000;
	margin: 0px 0px 10px 0px;
}

.subclaim_text {
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
	display: inline-block;
	margin: 0 auto;
	text-align:left;
    color: white;
	font-size: 16px;
	font-weight:600;
}

video#bgvid {
    position: absolute;
	/* -1 needed so it appears behind the other elements in screens with small height */
    z-index: -1;
    background-size: 100% 100%;
    top: 0px;
    left: 0px; /* fixed to left. Replace it by right if you want.*/
    min-width: 100%;
    min-height: 100%;
    width: auto;
    height: auto;
	background-color:black;
}

@media screen and (max-device-width: 800px) {
  .first_screen { background: url(/images/video13.jpg) #000 no-repeat center center; }
  #bgvid { display: none; }
}

@media screen and (max-width: 500px) { 
  div{width:70%;} 
}

.get_inspired {
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
	color:white;
}

.front_page_link {
	text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}

.play {
	font-weight:500;
	font-size: 16px;
}

.aspect-ratio iframe {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0; top: 0;
}