@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css?family=Comfortaa');
/* GLOBAL */
body{
	margin: auto;
	padding: 0;
	width: 90%;
	font-family: 'Comfortaa', cursive;
	font-size: 1.3vw;
}
.geko{
	color: #6d6e71;
}
.geko a{
	color: #6d6e71;
}
/* INICIO */
.container h1{
	font-family: 'Comfortaa', cursive;
	font-size: 2.2vw;
	font-weight: 300;
	color: #6d6e71;
	width: 70%;
	display: inline-block;
	margin: 0 0 0 80px;
}
#intro img{
	width: 20%;
	height: auto;
	float: right;
	margin: 0 0 30px 0;
}
.hl1{
	font-weight: 700;
	color: #8dc63f;
}
.hl2{
	font-family: 'Comfortaa', cursive;
	font-size: 2.6vw;
	font-weight: 700;
	color: #ec008c;
	text-align: right;
	float: right;
	padding: 0 180px 0 0;
}
#paisajes img{
	display: block;
	margin-top: 200px;
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}
.familia img{
	margin: auto;
	padding: 40px 30px 0 90px;
	width: 35%;
	height: auto;
	float: left;
}
.somos{
	margin: auto;
	padding: 110px 50px 0 0;
	font-family: 'Comfortaa', cursive;
	font-size: 1.4rem;
	color: rgb(109, 110, 113);
	text-align: justify;
	text-justify: inter-word;
	line-height: 1.5;
}
.uno{
	float: left;
	padding-left: 30px;
	/* width: 55%; */
	text-align: justify;
	text-justify: inter-word;
	line-height: 1.5;
}
.dos{
	float: left;
	padding-left: 30px;
	font-size: .9rem;
	line-height: 1.5;
	/* background-color: #00b9f2; */
}
.hl3{
	color: #0072bc;
	font-weight: 900;
}
.hl4{
	color: #00b9f2;
	font-weight: 900;
}
/* MOBILE */
@media only screen and (max-width: 736px) {
	body{
		margin: auto;
		padding: 0;
		width: 100%;
		font-family: 'Comfortaa', cursive;
		font-size: 1.3vw;
	}
	/* INICIO */
	#intro h1{
		font-family: 'Comfortaa', cursive;
		font-size: 2.8vw;
		font-weight: 300;
		color: #6d6e71;
		width: 70%;
		display: inline-block;
		margin: 0 0 0 50px;
	}
	#intro img{
		width: 20%;
		height: auto;
		float: right;
		margin: 0 0 30px 0;
	}
	.hl1{
		font-weight: 700;
		color: #8dc63f;
	}
	.hl2{
		font-family: 'Comfortaa', cursive;
		font-size: 3.2vw;
		font-weight: 700;
		color: #ec008c;
		text-align: right;
		float: right;
		padding: 0 100px 0 0;
	}
	#paisajes img{
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	.familia img{
		margin: auto;
		padding: 40px 30px 0 0;
		width: 30%;
		height: auto;
		float: left;
	}
	.somos{
		margin: auto;
		padding: 60px 10px 0 0;
		font-family: 'Comfortaa', cursive;
		font-size: 1rem;
		color: rgb(109, 110, 113);
		text-align: justify;
		text-justify: inter-word;
		line-height: 1.5;
	}
	.uno{
		float: left;
		/* width: 50%; */
		text-align: justify;
		/* text-justify: inter-word; */
		line-height: 1.5;
	}
	.dos{
		float: left;
		/* width: 38%; */
		font-size: .6rem;
		line-height: 1.2;
	}
	.hl3{
		color: #0072bc;
		font-weight: 900;
	}
	.hl4{
		color: #00b9f2;
		font-weight: 900;
	}
}
/* SMALL DEVICES */
@media only screen and (max-width: 480px) {
	/* INICIO */
	#intro h1{
		font-family: 'Comfortaa', cursive;
		font-size: 3.4vw;
		font-weight: 300;
		color: #6d6e71;
		width: 70%;
		display: inline-block;
		margin: 0 0 0 30px;
	}
	#intro img{
		width: 20%;
		height: auto;
		float: right;
		margin: 0 0 30px 0;
	}
	.hl1{
		font-weight: 700;
		color: #8dc63f;
	}
	.hl2{
		font-family: 'Comfortaa', cursive;
		font-size: 3.2vw;
		font-weight: 700;
		color: #ec008c;
		text-align: right;
		float: right;
		padding: 0 100px 0 0;
	}
	#paisajes img{
		display: block;
		margin-top: 100px;
		margin-left: auto;
		margin-right: auto;
		width: 100%;
	}
	.lagrande{
		display: grid;
		width: 100vw;
		margin: auto;
		grid-template-columns: 100vw;
		grid-template-rows: 70vw 70vw;
	}
	.familia img{
		position: relative;
		grid-column: 1;
		grid-row: 2;
		/* float: none; */
		padding: 0;
		width: 80%;
		margin: auto;
		height: auto;
	}
	.somos{
		grid-column: 1;
		grid-row: 1;
		/* position: relative; */
		margin: auto;
		font-family: 'Comfortaa', cursive;
		font-size: 2.8vw;
		color: rgb(109, 110, 113);
		text-align: center !important;
		line-height: 1.5;
	}
	.uno p{
		position: relative;
		margin: auto;
		padding: 0 0 0 30px;
		display: block;
		text-align: center !important;
		line-height: 1.5;
	}
	.dos{
		margin: auto;
		position: relative;
		padding: 0 0 0 40px;
		display: block;
		text-align: center !important;
		font-size: 2.2vw;
		line-height: 1.5;
	}
	.hl3{
		color: #0072bc;
		font-weight: 900;
	}
	.hl4{
		color: #00b9f2;
		font-weight: 900;
	}
}
/* MOBILE */
@media only screen and (max-width: 880px) {
	.somos{
		margin: auto;
		padding: 60px 10px 0 0;
		font-family: 'Comfortaa', cursive;
		font-size: 1.1rem;
		color: rgb(109, 110, 113);
		text-align: justify;
		text-justify: inter-word;
		line-height: 1.5;
	}
	.uno{
		float: left;
		display: flex;
		text-align: justify;
		text-justify: inter-word;
		line-height: 1.5;
	}
	.dos{
		float: left;
		display: flex;
		font-size: .8rem;
		line-height: 1.5;
	}
}