/*
Theme Name: TravelGuide 
Theme URI: http://www.ansonika.com/travelguide/
Author: Ansonika
Author URI: http://themeforest.net/user/Ansonika/

[Table of contents] 

/*============================================================================================*/
/* 1.  SITE STRUCTURE and TYPOGRAPHY */
/*============================================================================================*/

.parallax_window_in {
    height: 420px;
	position:relative;
	display: table;
	width:100%;
}
.parallax_window_in#head_home{
    height: 520px;
}
#sub_content_in{
	 display: table-cell;
  	padding:45px 15% 0 15%;
    vertical-align: middle;
	text-align:center;
	background:rgb(255 0 102 / 20%) url(../img/shadow_single.png) repeat-x bottom left;
	display:none;
}
@media screen and (max-width: 768px) and (min-width:511px){
	#sub_content_in h1{
	font-size:27px !important;
	}
	.resp-subtitle {
	margin-bottom: 44px;
	}
}
@media screen and (max-width:510px) and (min-width:487px){
	#sub_content_in h1{
	font-size:22px !important;
	}
	.resp-subtitle {
    font-size: 16px !important;
    font-weight: 600 !important;
	margin-bottom: 44px;
}
}
@media screen and (max-width:486px){
	#sub_content_in h1{
	font-size:17px !important;
	}
	.resp-subtitle {
    font-size: 16px !important;
    font-weight: 600 !important;
	margin-bottom: 44px;
}
}
#sub_content_in h1{
	color:#fff;
	font-weight:600;
	font-size:42px;
	margin-bottom:0;
}
.resp-subtitle {
    margin-bottom: 60px;
}
#sub_content_in p{
	color:#fff;
	font-size:24px;
	font-weight:300;
}
#sub_content_in_left{
	padding-top:0;
	display:block;
	position:absolute;
	left:0;
	bottom:0;
	z-index:999;
    padding:18px 0 20px 0;
	color:#fff;
	font-size:13px;
	width:100%;
	text-align:left;
}

.header-video {
  position: relative;
  overflow: hidden;
   background: transparent;
}
#hero_video {
	position: relative;
    background-size: cover;
    color:#fff;
	width: 100%;
	font-size:16px;
	display:table;
	height:100%;
	z-index:99;
	text-align:center;
}
#hero_video > div{
	display: table-cell;
	vertical-align: middle;
	text-align:center;
	padding:0 10%;
}
#hero_video > div h1{
	margin-top:60px;
}
video {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity:1;
}
iframe {
  height: 100%;
  width: 100%;
}
video {
  width: 100%;
}
.teaser-video {
  width: 100%;
  height: auto; 
}
.header-video--media {
  width: 100%;
  height: auto;
}