/*****  ABOUT US  *****/
#about-us, #about-us-2{
	width: 100%;
	height: 450px;
	background: #fcfcfa;
	color: white;
}

#about-us-2{
	height: 750px;
}

#about-us > div, #about-us-2 > div{
	float: left;
	width: 50%;
	height: 100%;
	display: flex;
	align-items: center;
}

#about-us-information > div, #about-us-information-2 > div{
	width: 80%;
	/* margin: 0 auto; */
	/* background: rgba(255, 255, 255, 0.5); */
	color: black;
	padding: 20px 25px;
	border-radius: 10px;
}

#about-us-information .section-title, #about-us-information-2 .section-title{
	text-align: left;
    margin-left: 0;
}

#about-us-information .subtitle{
	font-size: 16px;
    font-weight: normal;
}

#about-us-body{
	text-align: center;
	font-size: 16px;
	line-height: 20px;
	color: #616161;
	width: 90%;
	margin: 0 auto;
}

#about-us-body-2{
	text-align: justify;
	font-size: 14px;
	line-height: 20px;
}

#about-us-body-2 li{
	display: block;
	margin-bottom: 10px;
}

#about-us-body > hr, #about-us-body-2 > hr{
	border-width: 1px;
	border-style: solid;
	/* border-image: linear-gradient( to right, #7D5500 0, #cb9b51 22%, #f6e27a 45%, #f6f2c0 50%, #f6e27a 55%, #cb9b51 78%, #7D5500 100% ) 1; */
	width: 130px;
	color: #745838;
	margin: 15px 0 20px 0;
	display: none;
}

#about-us-image > div{
	background-image: url(../img/banners/about.jpg);
}

/*#about-us-image-2 > div{
	background-image: url(../img/politicas.jpg);
}*/

#about-us-image > div, #about-us-image-2 > div{
    background-size: cover;
    background-position: top center;
    background-repeat: no-repeat;
    width: 90%;
    height: 90%;
    /* margin: 0 auto; */
    display: flex;
    border-top-right-radius: 40px;
    border-bottom-right-radius: 40px;
}

#about-us-image img{
	height: auto;
	margin: 0 auto;
	/*border-radius: 20px;*/
}

#about-us-information .title-section, #about-us-information-2 .title-section{
	padding-top: 0px !important;
}

#about-us-information .title-section .title, #about-us-information-2 .title-section .title{
	color: #14212b;
	font-size: 45px;
}
/***** FIN ABOUT US  *****/

@media only screen and (max-width: 599px) {
    #about-us, #about-us-2{
		height: auto;
	}

	#about-us > div, #about-us-2 > div {
    	float: initial;
    	width: 100%;
    	text-align: center;
	}

	#about-us-information .section-title, #about-us-information-2 .section-title {
    	text-align: center;
    	margin-left: inherit;
    	line-height: 35px;
	}

	#about-us-body > hr, #about-us-body-2 > hr {
    	margin-inline-start: auto;
	}

	#about-us-image, #about-us-image-2{
		height: 300px !important;
	}

	#about-us-body-2 ul{
		padding-inline-start: 0px;
	}
}

@media only screen and (min-width: 600px) and (max-width: 767px){
    #about-us, #about-us-2{
		height: auto;
	}

	#about-us > div, #about-us-2 > div {
    	float: initial;
    	width: 100%;
    	text-align: center;
    	min-height: 450px;
    }

	#about-us-information .section-title, #about-us-information-2 .section-title {
    	text-align: center;
    	margin-left: inherit;
    	line-height: 35px;
	}

	#about-us-body > hr, #about-us-body-2 > hr {
    	margin-inline-start: auto;
	}

	#about-us-image, #about-us-image-2{
		height: 200px !important;
	}
}