/* ===================================
   Footer
====================================== */

footer{
	overflow: clip;
}

.natgas-blue-footer{
  background: #0C1838;
}

.natgas-navy{
  background: #002B49;
}

  footer a{
    color: #fff;
  }

	.footer{
		font-size: 12px;
		font-weight: 600;
		display: grid;
	 	grid-template-columns: 1fr;
		grid-template-areas:
		"log"
		"le" 
		"con";
	 	grid-gap: 5px;
	}

	.logo-footer{grid-area: log;border-right: 0px solid white!important;}
	.legales{grid-area: le;}
	.contact{grid-area: con;border-left: 0px solid white!important;border-top: 1px solid white!important; padding-top: 20px;}
	
	.logo-footer img{
		width: 150px;
		margin-bottom: 20px;
	}

  .footer p{
		font-size: 12px;
		font-weight: 600;
	}


	.footer-section-1{
		border-right: 1px solid white;
		display: flex;
		justify-content: center;
		align-items: center;
	}


	.footer-section-2{
		border-left: 1px solid white;
	}


	.footer-section-2-img{
		display: flex;
		justify-content: end;
		align-items: flex-start;
		border-right: 1px solid white;
	}

	.footer ul{
		list-style: none;
		display: flex;
		white-space: nowrap;
		padding: 0;
		margin-bottom: 15px;
	}

	.option-footer a{
		white-space: nowrap;
	}

	.option-footer .esg{
			background-color: #02af3b;
			padding: 3px 7px;
			border-radius: 5px;
		}

	.footer ul li{
		margin-right:10px;
	}

	.natgas-blue-footer p{
		font-size: 10px;
		font-weight: 700;
	}

	/*.sect-lg{
		display: block;
	}
	.sect-sm{
		display: none;
	}*/

	.image-car{
		opacity: 0;
	}

	.two-color{
		height: 4px;
		background: linear-gradient(to right, #00AF3B 50%, #0079C2 50%);
	}

	.footer-rs a{
		margin-right: 8px;
	}

	a.link-footer:hover span,
	.option-footer a:hover{
		text-decoration: underline;
	}


/* xxs */ @media (max-width: 430px) {}
/* xs  */ @media (min-width: 431px) {} /* @media (max-width: 575px) {} */
/* sm  */ @media (min-width: 576px) {}
/* md  */ @media (min-width: 768px) {

.footer{
	grid-template-columns: auto 35%;
	grid-template-areas:
		"log log"
		"le con";
}

.contact{border-left: 1px solid white!important;border-top: 0px solid white!important;padding-top: 0px;}

} /* ipad Portrait */
/* lg  */ @media (min-width: 992px) {

.footer{
	grid-template-columns: 12% auto 30%;
	grid-template-areas:
		"log le con";
}

.logo-footer{border-right: 1px solid white!important;}
.logo-footer img{
		width: 100%;
		margin-bottom: 0px;	    
	}

} /* ipad Landscape */
/* xl  */ @media (min-width: 1200px) {


.footer{
	grid-template-columns: 12% auto 25%;
	grid-template-areas:
		"log le con";
}


}
/* xxl */ @media (min-width: 1400px) {}