@charset "UTF-8";
/* CSS Document */
@media only screen and (min-width: 768px) {
	#header {
		min-height: 650px;
		font-size: 4.5rem;
	}
	#header_titulo {
		top: 40px;
		margin-left: 40px;
		font-size: 4.5rem;
	}
	#about {
		position: relative;
		display: grid;
		grid-template-columns: 45% 45%;
		gap: 10%;
		margin: auto;
		margin-top: -30px;
	}
	#about_foto {
		background-position: bottom center;
		padding-bottom: 300px;
		border-radius: 1rem;
		margin-top: -55px;
	}
	
	#foto_02 {
		padding-bottom: 250px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.foto_02 {
		width: 30%;
		margin-left: 68%;
		padding: 2%;
		font-size: 1.6rem;
	}
	#foto_03 {
		grid-template-columns: 31% 32% 31%;
		gap: 3%;
	}
	#texto_01 {
		column-count: 2;
		column-gap: 5%;
		margin: auto;
	}
	#texto_02 {
		column-count: 1;
		column-gap: 0%;
		margin: auto;
		margin-top: 20px;
	}
	#foto_03 {
		margin: auto;
	}
	#foto_03 div {
		height: 350px;
		border-radius: 1rem;
	}
	#sigue img {
		width: 5%;
		padding-right: 60px;
	}
}
@media only screen and (min-width: 1024px) {
	#header {
		min-height: 800px;
	}
	#header_titulo {
		font-size: 5.5rem;
	}
	#about {
		position: relative;
		margin: auto;
		margin-top: -30px;
	}
	#about_foto:hover {
		background-position: bottom center;
		padding-bottom: 300px;
		border-radius: 1rem;
		margin-top: -55px;
		transform: scale(1.05);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#foto_02 {
		padding-bottom: 330px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	.foto_02 {
		width: 26%;
		margin-left: 72%;
		padding: 2%;
		font-size: 1.6rem;
	}
	#foto_02:hover {
		transform: scale(1.05);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#foto_03 div {
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#foto_03 div:hover {
		transform: scale(1.05);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#sigue div {
		padding-top: 40px;
	}
	#sigue img {
		width: 4%;
		padding-right: 80px;
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
	#sigue img:hover {
		transform: scale(1.05);
		-webkit-transition: all 0.3s;
		-moz-transition: all 0.3s;
		transition: all 0.3s;
	}
}