@media only screen and (max-width:950px) {

	#hero .titulo h1 {
		font-size: 50px
	}

	#hero .titulo h2 {
		font-size: 30px
	}

	#hero .info p,
	#hero .btn {
		font-size: 17px;
	}

	#proyecto .contenedor h1 {
		font-size: 28px;
		font-weight: 300;
	}

	#proyecto .contenedor .cuadro p {
		font-size: 18px
	}
}


@media only screen and (max-width:650px) {

	#hero {
		height: auto;
		padding: 70px 0px 150px 0px;
	}

	#menu-btn {
		display: block;
	}

	#hero .menu .cuadros {
		position: fixed;
		top: 0;
		left: 100%;
		width: 100%;
		height: 100%;
		opacity: 0;
		align-content: center;
		background-color: #1d1d1d;
		transition:all 0.2s ease-in-out;
		-webkit-transition:all 0.2s ease-in-out;
		-moz-transition:all 0.2s ease-in-out;
		-o-transition:all 0.2s ease-in-out;
	}

	#hero .menu .cuadro {
		width: 100%;
	}

	#hero .menu-open .cuadros {
		left: 0;
		opacity: 1
	}

	#hero .titulo h1 {
		padding: 20px 30px;
		font-size: 35px
	}

	#hero .titulo h2 {
		font-size: 19px
	}

	#hero .info p:first-child {
		margin-bottom: 15px;
	}

	#hero .info p {
		width: 100%
	}

	#proyecto .contenedor h1 {
		font-size: 25px;
		line-height: 38px;
	}

	#proyecto .contenedor .cuadro {
		width: 100%
	}

	#proyecto .contenedor .cuadro:first-child {
		margin-bottom: 30px;
	}

	#equipo .persona {
		width: 42%
	}

	#equipo .persona p {
		font-size: 14px
	}


	#eventos .evento {
		margin: 0 auto;
		width: 100%;
		max-width: 450px
	}

	#eventos .contenido .evento {
		margin-bottom: 50px
	}

	#eventos .contenido .evento:last-child {
		margin-bottom: 0px
	}

	#demos .demo {
		margin: 0 auto 40px auto;
		width: 100%;
		max-width: 350px;
	}

	#demos .contenido .demo:last-child {
		margin-bottom: 0px
	}

	#contacto .cuadro {
		width: 100%;
	}


	#colaboradores .cuadro {
		width: 42%
	}


	@media only screen and (max-width:550px) {

		#hero .titulo h1 {
			font-size: 28px
		}

		#hero .titulo h2 {
			padding: 10px 30px;
			margin-top: -10px
		}

		#proyecto .contenedor h1 {
			font-size: 22px;
			line-height: 35px;
		}

		#proyecto .contenedor .cuadro p {
			font-size: 16px
		}

		#equipo .persona {
			width: 100%
		}

	}


}