/* Style for our header texts
	* --------------------------------------- */
	h1{
		font-size: 5em;
		font-family: arial,helvetica;
		color: #fff;
		margin:0;
		padding:0;
	}

	/* Centered texts in each section
	* --------------------------------------- */
	.section{
		text-align:center;
		overflow: hidden;
	}

	#myVideo{
		position: absolute;
		right: 0;
		bottom: 0;
		top:0;
		right:0;
		width: 100%;
		height: 100%;
		background-size: 100% 100%;
 		background-color: black; /* in case the video doesn't fit the whole page*/
  		background-image: /* our video */;
  		background-position: center center;
  		background-size: contain;
   		object-fit: cover; /*cover video background */
   		z-index:3;
	}



	/* Layer with position absolute in order to have it over the video
	* --------------------------------------- */
	#section0 .layer{
        color: white;
        font-family: 'Open Sans';
		position: absolute;
		z-index: 6;
		width: 100%;
		left: 0;
		top: 15%;
	}

	/*solves problem with overflowing video in Mac with Chrome */
	#section0{
		overflow: hidden;
	}


	/* Bottom menu
	* --------------------------------------- */
	#infoMenu li a {
		color: #fff;
	}

.shadow {
    background-color: black;
    height: 100%;
    width: 100%;
    position: absolute;
    z-index:5;
    top: 0;
    left: 0;
    opacity: 0.65;
}

.top-header {
    font-size: 2.2em;
}

.bottom-header {
    bottom: -100px;
    font-size: 1.5em;
    position: relative;
}

.subscribe-input > .txt {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: transparent none repeat scroll 0 0;
    border-color: -moz-use-text-color -moz-use-text-color rgba(255, 255, 255, 0.4);
    border-image: none;
    border-style: none none solid;
    border-width: medium medium 2px;
    color: rgba(255, 255, 255, 0.9);
    display: block;
    margin-top: 35px;
    outline: medium none !important;
    padding: 12px 2px;
    width: 100%;
}

.subscribe-input > .subscribe {
    background: transparent none repeat scroll 0 0;
    border: medium none;
    bottom: 0;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    line-height: 46px;
    outline: medium none;
    padding-left: 10px;
    padding-right: 2px;
    position: absolute;
    right: 0;
    text-transform: uppercase;
}

.subscribe-input {
    position: relative;
}

.newsletter{
	padding-top:95px;
}
.newsletter > h4{
	font-size:24px;
	font-weight:300;
	color:#FFF;
	margin:0;
}
.newsletter-form > label{
	color:#FFF;
	color:rgba(255,255,255,.8);
	font-style:italic;
	font-weight:300;
	margin-bottom:0;
	margin-top:15px;
	font-size:16px;
}
.subscribe-input{
	position:relative;
}
.subscribe-input > .txt{
	background:transparent;
	padding:12px 2px;
	border:none;
	border-bottom:solid 2px rgba(255,255,255,.4);
	outline:none !important;
	display:block;
	width:100%;
	color:#FFF;
	color:rgba(255,255,255,.9);
	margin-top:35px;
}
.subscribe-input > .txt::-webkit-input-placeholder{
	color:rgba(255,255,255,.7);
	transition:all .3s ease;
}
.subscribe-input > .txt:focus::-webkit-input-placeholder{
	color:rgba(255,255,255,.4);
}
.subscribe-input > .txt  + span{
	position:absolute;
	width:0%;
	height:2px;
	background:#FFF;
	transition:all .4s ease;
	left:0;
	bottom:0;
}
.subscribe-input > .txt:focus  + span{
	width:100%;
}
.subscribe-input > .subscribe{
	position:absolute;
	bottom:0;
	right:0;
	line-height:46px;
	padding-right:2px;
	padding-left:10px;
	font-size:14px;
	text-transform:uppercase;
	background:transparent;
	color:#FFF;
	border:none;
	font-weight:500;
	outline:none;
}

.footer {
    font-size: .6em;
    display: inline-block;
}

body.buy {
    background-color: #f1f1f1;
    font-size: 19px;
}

.tile {
    padding: 15px;
}

.tile img {
    margin-bottom: 20px;
}

.row h1 {
    margin-bottom: 40px;
}


@media only screen and (max-width:600px) {
    #myVideo {
        display: none;
    }

    #section0 .layer {
        top: 5%;
    }

    .bottom-header {
        bottom: 0;
    }
    form 
    {
        margin-top: -20px;
    }
}