.bannerContainer{background-size:cover;}
.titleSecion span{font-family:Seravek; color:#4B4B4B;}
.titleSecion h1{line-height:65px; margin-bottom:12px;}
.titleSecion{display:grid;}
.titleSecion span strong {font-weight:700;  font-family:'seravekbold';}
.titleSecion img{margin:0 auto;}

.containerDIP{position:relative;}
.artec{position:absolute;}

@media(max-width:420px){
			.bannerContainer{background-position:80% !important;}
			.titleSecion h1{font-size:40px; letter-spacing: 0px !important;}
			.titleSecion span{ font-size:15px !important; color:white; text-shadow: -1px -1px 0 #000; }
				.bannerContainer{background-position:70% !important;}





}

@media(max-width:680px){
	
	    .titleSecion span {
        max-width: 295px !important;
    }
	    .bannerContainer {
        background-position: 82% !important;
    }
		.titleSecion h1{ font-size:32px !important; color:#B58743;  }
		.titleSecion span{ font-size:16px !important; color:white; text-shadow: -1px -1px 0 #000; }
.titleSecion h1 {
    line-height: 36px !important;
    margin-bottom: 12px;
}
	
}

		.bannerContainer{padding: 25px 0  40px;}




@media(max-width:1080px){	
		.titleSecion h1{font-size:40px; letter-spacing:1px;}
			.titleSecion span{font-size:18px;}
		.bannerContainer{background-position:100%;}
	.bannerContainer{background:url(https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/DT/diplomado%20salud/Grupo%20de%20desplazamiento%201.svg); background-size:cover;}
		.titleSecion h1, .titleSecion span {color:white !important;}



}

@media(min-width:1080px){	
.bannerContainer{background:url(https://1621751.fs1.hubspotusercontent-na1.net/hubfs/1621751/DT/diplomado%20salud/imgs/Grupo%20de%20desplazamiento%201-2.svg) no-repeat ; background-size:cover;}

}




@media(max-width: 1280px){	
	.titleSecion h1{font-size:50px; letter-spacing:1px;}
		.titleSecion span{font-size:21px;}
	.artec{display:none !important;}
	
	    .titleSecion span {
        max-width: 413px;
    }



	
}

@media(min-width: 1280px){
	.titleSecion h1{font-size:66px; letter-spacing:1px;}
	.titleSecion span{font-size:28px;}
	.bannerContainer{padding: 45px 0  145px;}
	.titleSecion span{max-width:576px;}




}
.cta2a{ max-width:206px !important; width:100% !important;}
.titleSecion{position}
@media(max-width:1560px){

	}


@media(max-width:1480px){
	.artec{margin-left:100px !important;}
		.containerDIP{margin-top:35px;}

}
@media(min-width:1480px){
	.containerDIP{margin-top:35px;}
	.artec{margin-left:100px !important;}
}
@media(max-width:1680px){
			.bannerContainer{background-position:40%;}

	
}