*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}

h1,h2{
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size:80px;
	color:#2f308a;
	font-weight: 400;
}
body{
	display: flex;
	justify-content: center;
	align-items: center;
	background: rgb(212,212,212);
	background: linear-gradient(-45deg, rgba(212,212,212,1) 0%, rgba(241,241,241,1) 15%, rgba(255,255,255,1) 27%, rgba(255,255,255,1) 73%, rgba(241,241,241,1) 85%, rgba(212,212,212,1) 100%);
}
.contenedor{
	width: 90%;
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}
.img{
	max-width: 20%;
	display: flex;
	justify-content:center;
}
.img img{
	width:60%;
	padding: 10px;
}
.contTitulo{
	border-left: solid #2f308a 3px; 
	max-width:80%;
	padding-left: 3%;
}

@media (max-width:1024px) and (min-width:768px){
	h1,h2{
	  font-size:55px;
	}
	.img img{
		width:80%;
		padding:0px;
	}
} 

@media (max-width:767px){

	h1,h2{
		font-size:35px;
	}
	.contenedor{
		width: 95%;
	    height: 100vh;
	    display: flex;
	    flex-direction: column;
	    justify-content: start;
	    align-items: center;
	    margin-top: 50px;
	}
	.img{
		max-width: 40%;
	}
	.img img{
		width:100%;
		height:100%; 
		padding: 0;
	}
	.contTitulo{
		margin-top: 10px;
		border-left:none;
		border-top:solid #2f308a 3px;; 
		max-width:100%;
		padding-left: 0%;
		padding-top: 3%;
	}
}