@charset "utf-8";
/* CSS Document */

/* ----------------------------------------------------------------------------- *
 *                    Template Hero Parallax by A-KRUEGER                        *
 * ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- *
 *                               Hero Parallax                                   *
 * ----------------------------------------------------------------------------- */

.hero-parallax {
	background-image: url(../img/hero/laxman_hero_bg.jpg);
	background-attachment: fixed;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
	
}
.hero-parallax-transparence {
	position: relative;
	width: 100%;
	height: 100%;
	background: rgba(230, 230, 230, 0.0);
	
}
.hero-parallax-content {
	position: relative;
	width: 100%;
}

.hero-parallax-middle {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	text-align: center;
	}

.hero-parallax-middle h2 {
  	font-size:10.0em;
  	font-family: Laxman, Georgia, "Times New Roman", Times, serif;
  	color: #fefefe;
	margin-bottom: 2px;
  	text-shadow: 1px 1px 2px #0a0a0a;
}

.hero-parallax-middle h4 {
  	font-size:2.0em;
  	font-family:DaxRegular, Georgia, "Times New Roman", Times, serif;
  	color: #fefefe;
	margin-top: 0;
	text-align: center;
  	text-shadow: 1px 1px 2px #0a0a0a;
}

.bottom {
	height: 100%;
	width: 100%;
	text-align: center;
	position: relative;
	margin: 0 auto;
}

.scroll-down i.fa,  .scroll-down i.far, .scroll-down i.fas, .scroll-down i.fab {
	font-size: 20px;
	padding-top: 13px;
	width: 46px;
	height: 46px;
	border-radius: 50%;
	border: 1px solid #336699;
	background-color: transparent;
	color: #336699;
	z-index:1000;
	bottom: 0;
	left: 50%;
	transform: translate(-50%, -50%);
	position: absolute;
	
}

.scroll-down i.fa:hover, .scroll-down i.far:hover, .scroll-down i.fas:hover, .scroll-down i.fab:hover {
	color: #fff;
	border: 1px solid #fff;
	background: #336699;
}

.hero-parallax-blur {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 50px;
	background-color: rgb(0,0,0); /* Fallback color */
  	background-color: rgba(0,0,0, 0.0); /* Black w/opacity/see-through */
}

/* ----------------------------------------------------------------------------- *
 *                                    subhero                                    *
 * ----------------------------------------------------------------------------- */
.subhero {
	max-height: 500px;
	width: 100%;
	padding-top: 120px; 
	padding-bottom: 120px;
	position: relative;
	margin-top: 0;
	margin: 0 auto;
}

.subhero h4 {
	color: #ffffff;
	font-family: Laxman;
	font-size: 5.0em;
	text-shadow: 1px 1px 2px #0a0a0a;
	position: absolute;
	top: 55%;
	left: 50%;
	transform: translate(-50%,-55%);
}

.subhero img {
	width: auto;
	max-height: 500px;
}

/* ---------------------------------------------------------------*/
/*                        Responsive                              */
/* ---------------------------------------------------------------*/	

@media all and (max-width:900px) {
	
.hero-parallax-middle h2 {
	font-size: 3.0em;
}
	
.hero-parallax-middle h4 {
	font-size: 1.5em;
	padding-top: 20px;
}
	
.hero-parallax-blur {
	padding: 20px;
}
	
.subhero h4 {
	font-size: 3.0em;
}	
}

@media all and (max-width:378px) {

.hero-parallax-middle h2 {
	font-size: 1.8em;
}
	
.hero-parallax-middle h4 {
	font-size: 1.2em;
	padding-top: 20px;
}	
	
.hero-parallax-blur {
	padding: 10px;
}
	
.subhero h4 {
	font-size: 2.0em;
}
}