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

h1,h2{
	font-family: 'Barlow Semi Condensed', sans-serif;
	font-size:80px;
	color:#02632f;
	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:100%;
	padding: 10px;
}
.contTitulo{
	border-left: solid #02632f 3px; 
	max-width:100%;
	padding-left: 3%;
}

@media (max-width:1440px) and (min-width:1024px){
	h1,h2{
	  font-size:48px;
	}
	.img{
	max-width: 20%;
		display: flex;
		justify-content:center;
	}
	.img img{
		width:80%;
	}
	.contTitulo{
		max-width:100%;
	}
} 

@media (max-width:1023px) and (min-width:768px){
	h1,h2{
	  font-size:35px;
	}
	.img{
		max-width: 30%;
		display: flex;
		justify-content:flex-end;
	}
	.img img{
		width:65%;
	}
	.contTitulo{
		max-width:70%;
	}
} 

@media (max-width:767px){

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