/* ADVERT BANNER */
	#ad_banner{
		background-color: rgb(var(--buttons_background));
		color: rgb(var(--buttons_text));
		display: block;
		width: 100%;
		text-align: center;
		padding: 1rem;
		font-size: 1.2rem;		
	}

/* BIOGRAPHY */

	#biography{
		padding: 2em;
	}

	#biography #home_bio_txt{
		flex:2;
		line-height:2em;
		text-align: justify;
		padding: 0 5em;
	}

	#biography #home_bio_txt h2{		
		text-align: left;
		margin-top:0;
		margin-right: 0;
		margin-left: 0;
	}

	#biography #bio_txt{
		margin-top: 1em;
	}
	#biography #bio_txt p{
		text-indent: 2em;
	}

	#biography .hr{
		width: 100%;
	}

	#biography #home_bio_img{
		flex:2;
	}

	#biography #home_bio_img img{
		border-radius: 5px;
		width: 100%;
		/*max-width: 450px;*/
		border-radius: 5px;
		margin: auto;
	    display: block;
	    margin-top: 1em;
	}


/* HERO IMAGE */
	.hero-image {
		border-radius: var(--border_radius);
		/*margin: 2em auto;*/
		margin: 2em 5em;
	    margin-top: 5em;
	    /*max-width: 1400px;*/
	    overflow: hidden;
	    position: relative;
	    background-image: url(../img/banner/banner.jpg);
	    background-size: cover;
		background-blend-mode:overlay;
		background-position: center;
		height: 600px;
		box-shadow: 0px 0px 10px #00000080;
	}

	.hero-image img{
		width: 100%;
		height: auto;
		object-fit: cover;
	    
	}

	/* Place text in the middle of the image */
	#hero-text {
		display: flex;
		justify-content: center;
		align-items: center;
	    flex-direction: column;
		text-align: center;
		width: 100%;
	    height: 100%;
		
		/*transform-style: preserve-3d;*/
	}

	#hero-text h2, #hero-text h1{
		color:rgb(var(--color_text_banner));
	}

	#hero-text h2{
/*		color:#156400;*/
    	text-shadow: 5px 5px 5px #ffffff96;
		font-size: 3.5em;
	}

	#hero-text h1{
		font-size: 5em;
		margin-bottom: 1em;
	}


	#home_page h2{
		font-size: 1.5em;		
		color: var(--text);
		margin-top: 2em;
		font-weight: bold;
		position:relative;
		width: 100%;
	    margin-left: 2.5rem;
		text-transform: uppercase;		
    	z-index: 0;
	    letter-spacing: 1px;
	    width: -webkit-fill-available;
	}

	#banner-cta{
		margin-top: 2em;
	}



.btn-home1{
	margin-top:2em;
}

#home_page{
	padding:0 2em 0 2em;
}

@media only screen and (max-width: 1560px) 
{
	.hero-image {
		margin: 2em;
	}

}

@media only screen and (max-width: 1250px) 
{
	.hero-image{
		height: 500px;
	}

	#hero-text h1{
		font-size: 2.5em;
	}
	#hero-text h2{
		font-size: 2em;
	}
}

@media only screen and (max-width: 780px) 
{
	.hero-image{
		margin-left: 0.5em;
		margin-right: 0.5em;
		margin-top: 1em;
		height: 85vh;
	    background-image: url(../img/banner/banner_mobile.jpg);
	}

	#home_page{
		padding:0 0.5em 0 0.5em;
	}


	#hero-text h2{
		margin-top: 0;
		margin-bottom: 0;
	}
	#banner-cta{
		margin-top: 0.5em;
	}

	#biography{
		padding: 1em;
	}

	#biography #home_bio_txt{
		padding:0 1em;
	}

}
@media only screen and (max-width: 600px) 
{
	.hero-image{
		margin-left: 0.5em;
		margin-right: 0.5em;
		margin-top: 1em;
		height: 100vh;
	}

	#hero-text h2,#hero-text h1{
		margin-left: 0.5em;
    	margin-right: 0.5em;
	}

	#hero-text h2{
		font-size: 1.5em;
	}

	#hero-text h1{
		font-size: 2em;
	}
	


	#biography .container{
		flex-direction: column-reverse;
	}

	#home_page h2{
		margin-left: 1em;
		margin-top: 0;
	}

	#biography #home_bio_txt {
		padding: 0 0.5em;
		font-size: 0.9em;
	}

	#biography{
		padding: 1em;
	}

	#biography #home_bio_txt{
		padding:0 1em;
	}
}