*{
	outline: none;
	scroll-behavior: smooth;
}
body{
	background: #fff;
	color: #333;
}
header{
	position: relative;
	z-index: 1000000;
}
h2{
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	font-weight: 400;
	margin-bottom: 0;	
}
p{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #333;
	font-weight: 400;
}
a{
	color: #333;
	text-decoration: underline;
}
a:hover{
	color: #333;
	text-decoration: none;
}
img{
	width: 80%;
	margin-top: 20px;
	margin-bottom: 20px;
}
.sub-subtitle{
	font-size: 22px;
	font-family: 'Roboto', sans-serif;
	font-weight: 100;
}
.navbar{
	background: none;
	font-family: 'Roboto', sans-serif;
}
.navegador-menu{
	height: 70px;
}
.navbar-light .navbar-nav .nav-link{
	color: #333;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
.navbar-toggler{
	background-color: #fff;
}
.navbar-light .navbar-nav .nav-link:hover{
	color: #333;
	text-decoration: underline;
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
.navbar-light .navbar-nav .active>.nav-link, .navbar-light .navbar-nav .nav-link.active, .navbar-light .navbar-nav .nav-link.show, .navbar-light .navbar-nav .show>.nav-link{
	color: #333;
	text-decoration: underline;
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
}
.navbar-light .navbar-brand img{
	width: 40%;
}
.scrolled{
	background: rgba(255, 255, 255, 0.6); !important;
	transition: 0.5s;
}
.Proyectos{
	padding-top: 90px;
}
.Alto{
	height: 93vh;
}
.Conten-gracias img{
	width: 10%;
}
h1{
	font-family: 'Roboto', sans-serif;
	font-size: 40px;
	font-weight: 400;
	margin-top: 20px;
	margin-bottom: 20px;
}
.btn-regresar{
	margin-top: 20px;
}
.btn-regresar a{
	padding: 10px 20px;
    background-color: #333333;
    color: #fff;
    text-decoration: none;
}
.btn-regresar a:hover{
	background-color: transparent;
	color: #333;
	border: 2px solid #333;
	transition: .5s;
}






footer{
	background: #000;
}
footer p{
	font-family: 'Roboto', sans-serif;
	font-size: 16px;
	color: #fff;
	padding: 10px 0 10px 0;
	margin-bottom: 0;
}
/*-Movil-*/
@media (max-width: 992px)
{
	.navbar{
		background: #fff;
	}
	.navegador-menu a{
		height: 70px;
	}
	.navegador-menu a img{
		margin-top: 0;
	}
	.navbar-nav{
		background: #fff;
	}
	.navbar-toggler{
		padding: 5px;
		font-size: 16px;
	}
	.navbar-light .navbar-toggler{
		border: 2px solid #000;
	}
	.navbar-light .navbar-toggler-icon{
		color: #fff;
	}
	.Proyectos{
		padding-top: 80px;
	}
	.sec1 h2{
		text-align: center;
	}
	.sub-subtitle{
		text-align: center;
	}
	.Conten-gracias img{
		width: 50%;
	}
	.sec2 {
	    position: relative;
	    padding: 100px 0 0 0;
	}
	.sec2 .h100{
		height: 220vh;
	}
	.PREP-18, .Transparencia, .SIMEHI, .Organizador, .PREP-2017{
		margin-bottom: 15px;
	}
	.trabajos h3{
		background: rgba(00, 00, 00, 0.6);
		color: #fff;
		padding-bottom: 10px;
	}
	.sec3 {
	    position: relative;
	    padding: 100px 0 0 0;
	}
	.sec3 .h100{
		height: 60vh;
	}
	.sec3{
		position: relative;
		padding: 150px 0 0 0;
		background: url(../img/contacto-movil.png);
		background-position: bottom;
		background-repeat: no-repeat;
	}
}