#home_page .col-1
{
	width: 900px;
	margin:auto;
}

/* ADVERT BANNER */
	#home_special_info_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;		
	}

/* HOME SECTION 2 */

	#home-section-2{
		text-align: center;
/*		padding-top: 5em;*/
/*		color:black;*/
/*		background-color: white;*/
		margin-bottom: 5em;
		padding-bottom: 5em;
		max-width: 900px;
    	margin: auto;
	}

	#home-section-2 .container{
		align-items: baseline;
		margin-bottom: 5em;
	}
	#home-section-2 .container img{
		max-width: 600px;
		border-radius: var(--border_radius);
	    box-shadow: 0 0 50px #ffffff57;
	}

	#home-section-2 .call-to-action{
		width: fit-content;
    	margin: auto;    
    	padding: 5em 0;

		display: block;
	}

	#home-section-2 .call-to-action a{
/*		color:black;*/
		/*font-weight: bold;*/
		padding:1em 2.5em;
		border: 1px solid #EE9A00; /* #EE9A00*/
		text-decoration: none;
		font-size: 1.2em;
		transition:color 0.4s;
	}

	#home-section-2 .call-to-action a:hover{
		color: #EE9A00;
		/*border-color: #EE9A00;*/
	}

	#home-section-2 .home-card{
		margin:0m;
		max-width: 20%;
		min-width: 20em;
	}

	#home-section-2 .home-card img{
	    width: 100%;
	    /*transition: transform 0.2s;*/
	}



	#home-section-2 h3{
		padding:1.5em 1em;
		box-shadow: 0px 0px 5px grey;
		font-size: 1.7em;
	}

	#home-section-2 h2{
		display: inline-block;
		width: 100%;
		font-size: 2em;
		padding-top: 0;
		padding-bottom: 1em;
	}

/*	#home-section-2 h2::after{
		width: 250px;
	    height: 8px;
	    background: #EE9A00;
	    content: "";
	    display: block;
	    transform: skew(-30deg);
	    margin-top: 3px;
	}*/

	@media only screen and (max-width: 900px){
		#home-section-2 .home-card{
			min-width: 20em;
		}

	}

/* BIOGRAPHY */

	#biography{
		padding-top: 5em;
	}

	#biography #home_bio_txt{
		flex:2;
		line-height:2em;
		text-align: justify;
		padding: 0 1em;
	}

	#biography #home_bio_txt h2{		
		text-align: left;
		margin-top:0;
		margin-right: 0;
		margin-left: 0;
	}

	#biography h3{
		text-transform: uppercase;
		font-size:1.3em;
		font-weight: bold;
		text-align: left;
		width: 100%;
	}

	#biography #bio_txt{
		margin-top: 1em;
		width: calc(100% - 250px);
		padding-right:2em;
		text-align: left;
		line-height: 1.7em;
	}


	#biography .hr{
		width: 100%;
	}

	#biography img{
		border-radius: var(--border_radius);
		width: 80px;
    	border-radius: 50%;
	}


/* HERO IMAGE */
	.hero-image {
	    display: flex;
	    align-items: center;
	    justify-content: space-evenly;
	    background-color: #1f1f1f;
	}

	.hero-image img{
		width: calc(50% - 10em);
		padding: 3em 0;
	}

	/* Place text in the middle of the image */
	#hero-text {
		text-align: left;
	}

	#hero-text h2, #hero-text h1{
		color:rgb(var(--color_text_banner));
	    text-shadow: 0 0 15px black;
	    font-family: "Inter", sans-serif;
	    font-weight: 200;
	}

	#hero-text h1, #hero-text h2{
		margin-bottom: 1rem;
		font-size: 2rem;
		font-weight: 300;
	}


	#hero-text p{
		font-size: 0.9em;
	    letter-spacing: 1.5px;
	    line-height: 1.2rem;
	    margin-bottom: 1rem;
	}


	#home_page h2{
		font-size: 1.5em;		
		color: rgb(var(--text));
		margin-top: 2em;
		font-weight: bold;
		position:relative;
		width: 100%;
		text-transform: uppercase;		
    	z-index: 0;
	    letter-spacing: 1px;
	    width: -webkit-fill-available;
	}

	#banner-cta{
		margin-top: 2em;
	}




#home_page{
	padding:0 2em 0 2em;
}

/*  HOME INDICATOR LIST */
	.strategies-home-presentation{
/*		color:black;*/
/*		background: white;*/
		text-align: center;
    	width: fit-content;
    	margin: auto;
    	padding: 0.5em;
    	border-radius: 15px;
    	margin-bottom: 2em;
	}
	.strategies-home-presentation h1{
		display:inline-block;
	}
	h2#strategies-title{
		font-family: 'Raleway', sans-serif;
		color: white;
		text-align: center;
		padding: 2em 0.5em;
		margin: 0;
		font-size: 2em;
	}

	#indicators-list-container{
		/*background: linear-gradient(to top,#0e121b,#212839);*/
		background-image: linear-gradient(rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0)), url("../hero-image2.png");
		background-position: center;
		background-repeat: no-repeat;
		background-attachment: fixed;
		background-size: cover;
		text-align: center;
/*		color:black;*/
	}

	#indicators-list{
		display:flex;
		flex-wrap:wrap;
		justify-content: space-around;
	    align-items: center;
	}

	#indicators-list p{
		padding:0.5em;
	}
	#indicators-list p>a{
		color:#2196f3;
		font-weight: bold;
	}

	.indicator-display-box{
		width:450px;
		color:#17b4ff;
		background: black;
		margin: 2em;
		margin-bottom:5em;
	    border-radius: var(--border_radius);
	    transition: box-shadow 0.4s,border 0.4s;
	    text-align: left;
        height: fit-content;
	}
	.indicator-display-box:hover{
		box-shadow: 0px 0px 15px #999999;
/*		box-shadow: 0px 0px 15px #EE9A00;*/

	}

	#indicators-list h2{
		font-size: 1.5em;
		padding: 0.5em;
		color: white;
		margin: 0;
	}
	#indicators-list h3{
		font-size: 1em;
	}
	#indicators-list img{
	    height: 250px;
	    width: 100%;
	    object-fit: cover;
	    border-radius: 15px 15px 0 0;
	}
	.indicator-display-box a{
		text-decoration: none;
	}

	.indicator-display-box p{
		font-size: 0.9em;
		letter-spacing: 1.5px;
		line-height: 1.1rem;
	}

	.indicator-display-box p>a{
		padding:0.2em;
	}

	#indicators-list .btn{
		color: rgb(var(--buttons_background));
		padding-bottom:1rem;
		font-size: 1.2em;
		font-weight: bold;
	}



@media only screen and (max-width: 1250px) 
{
	.hero-image{
		padding:1em;
		height: 84vh;
	}

	.hero-image img {
		max-width: 100%;
	}

	#home_page .col-1
	{
		width: 100%;
		margin:auto;
	}

/*	#hero-text h1{
		font-size: 2.5em;
	}
	#hero-text h2{
		font-size: 2em;
	}*/
}

@media only screen and (max-width: 780px) 
{
	.hero-image img {
		display: none;
	}


/*	.hero-image{
		margin-left: 0.5em;
		margin-right: 0.5em;
		margin-top: 1em;
		height: 85vh;
		background-image:none;
	}*/

	#home_page{
		padding:0 0.5em 0 0.5em;
	}
	#home_page h2{
		margin-left:0;

	#hero-text h2{
		margin-top: 0;
		margin-bottom: 0;
	}
	#banner-cta{
		margin-top: 0.5em;
	}

}
@media only screen and (max-width: 600px) 
{
	.hero-image{
		height: 100vh;

	}

	#hero-text{
		text-align: center;
	}

	#biography .container{
		flex-direction: column;
	}

	#home_page h2{
/*		margin-left: 1em;*/
		margin-top: 0;
	}

	#biography #home_bio_txt {
		padding: 0 0.5em;
		font-size: 0.9em;
	}


	#biography #bio_txt {
		width: 100%;
	}
}