@import url("font-awesome.min.css");

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

body{
	font-family: 'open sans';
}
a{
	text-decoration: none;
	color: black;
}

.wrap{
	width: 90%;
	max-width: 1150px;
	margin: auto;
}

.main{
	height: 950px;
	/* background: #00C9FF;  /* fallback for old browsers */
   /* background: -webkit-linear-gradient(to right, #92FE9D, #00C9FF);  /* Chrome 10-25, Safari 5.1-6 */
    /* background: linear-gradient(to right, #92FE9D, #00C9FF); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}

header{
	position: fixed;
	width: 100%;
	z-index: 1;
}

header .wrap{
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 20px 0px;
}
header .btn-menu{
	font-size: 30px;
	cursor: pointer;
}


.seccion1,
.seccion1 .wrap{
	height: 100%;
}

.seccion1 .wrap{
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}
.caption-main h1{
	font-size: 95px;
	font-weight: 800;
	color: black;
}


/* Menu completo ===================*/

.full-menu{
	position: fixed;
	top: 0;
	left: -100%;

	width: 100%;
	height: 100vh;
	background: #292929;

	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

.full-menu .wrap{
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.full-menu .wrap .navegacion{
	flex-basis: 0;
	flex-grow: 1;

	display: flex;
	flex-direction: column;
}

.full-menu .navegacion ul{
	list-style: none;
}

.full-menu .navegacion ul li{
	margin: 20px 0px;
}

.full-menu .navegacion ul li a{
	font-family: 'roboto';
	text-decoration: none;
	font-size: 50px;
	color: #fff;
}

.full-menu .navegacion .social-items a{
	text-decoration: none;
	font-size: 25px;
	color: #fff;
	margin: 50px 20px 0px 0px;
}

.full-menu .navegacion ul li a:hover,
.full-menu .navegacion .social-items a:hover{
	color: #1EE0F1;
}

.full-menu .wrap .menu-text{
	flex-basis: 0;
	flex-grow: 1;

	font-size: 15px;
	color: #9A9A9A;
	font-weight: 600;
	text-align: right;
}
/* other pages */
header .btn-menu2{
	font-size: 30px;
	cursor: pointer;
	color: #fff;
}
header .btn-menu2 a{
	font-size: 30px;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
}

.full-menu2{
	position: fixed;
	top: 0;

	width: 100%;
	height: 100vh;
	background: #292929;

	-webkit-transition: .2s;
	-o-transition: .2s;
	transition: .2s;
}

.full-menu2 .wrap{
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
}

.full-menu2 .wrap .navegacion{
	flex-basis: 0;
	flex-grow: 1;

	display: flex;
	flex-direction: column;
}

.full-menu2 .navegacion ul{
	list-style: none;
}

.full-menu2 .navegacion ul li{
	margin: 20px 0px;
}

.full-menu2 .navegacion ul li a{
	font-family: 'roboto';
	text-decoration: none;
	font-size: 50px;
	color: #fff;
}

.full-menu2 .navegacion .social-items a{
	text-decoration: none;
	font-size: 25px;
	color: #fff;
	margin: 50px 20px 0px 0px;
}

.full-menu2 .navegacion ul li a:hover,
.full-menu2 .navegacion .social-items a:hover {
	color: #1EE0F1;
}

.full-menu2 .wrap .menu-text{
	flex-basis: 0;
	flex-grow: 1;

	font-size: 15px;
	color: #9A9A9A;
	font-weight: 600;
	text-align: right;
}


/* RESPONSIVE*/

@media screen and (max-width: 750px){
	.main{
		height: 680px;
	}

	.caption-main h1{
		font-size: 60px;
	}

	/*Full menu*/
	.full-menu .navegacion ul li a{
		font-size: 30px;
	}

	.full-menu .menu-text p{
		font-size: 14px;
		font-weight: 400;
	}
}

@media screen and (max-width: 520px){
	.full-menu .menu-text{
		display: none;
	}

	.full-menu .navegacion{
		justify-content: center;
		text-align: center;
	}
}

@media screen and (max-width: 450px){
	.main{
		height: 600px;
	}

	.caption-main h1{
		font-size: 50px;
	}

	.caption-main .btn-view{
		width: 180px;
		padding: 10px 0px;
		margin: 20px auto;

		font-size: 18px;
	}
}

@media screen and (max-width: 340px){
	.main{
		height: 550px;
	}

	.caption-main h1{
		font-size: 40px;
	}

}