@media (min-width: 320px) and (max-width: 479px) {
	.mobil {
		display: none;
	}
	.ocultar {
		display: none;
	}

	.navbar-default .navbar-brand {
		color: #FFF;
		font-size: 2em;
	}

	.fa-home:before {
		color: #FF4000;
	}
	.fa-briefcase:before {
		color: #FF4000;
	}
	.fa-gear:before, .fa-cog:before {
		color: #FF4000;
	}
	.fa-envelope:before {
		color: #FF4000;
	}

	.home h1 {
		margin-top: 70%;
		font-size: 4em;
		color: #FFF;
		text-align: center;
	}

	.acerca-de img{
		height: 50vh;
		padding-top: 20%;
		padding-left: 10%;
	}
	.acerca-de-mi  {
		height: 80vh;
		padding-top: 10%;
		font-size: 1.5em;
		text-align: justify;
	}
	.acerca-de-mi .parrafo {
		padding-left: 8%;
		font-size: 1.3em;
	}
	#projects h2 {
		padding-top: 50%;
	}


	#projects {
		width: 100%;
	}

	#particles-js {
		height: 22%;
	}
}

@media (min-width: 480) and (max-width: 767px) {
	.ocultar {
		display: none;
	}

	.home h1 {
		padding-top: 2%;
		font-size: 6em;
		color: #FFF;
		text-align: center;
	}
	#projects h2 {
		padding-top: 20%;
	}


	#projects {
		width: 100%;
	}
	#particles-js {
		height: 15%;
	}
}

@media (min-width: 768px) {
	.ocultar {
		display: none;
	}

	.ocultar-m{
		display: none;
	}

	.home h1 {
		padding-top: 25%;
		font-size: 6em;
		color: #FFF;
		text-align: center;
	}

	.acerca-de img{
		height: 40vh;
		padding-top: 15%;
		padding-left: 5%;
	}

	.acerca-de-mi  {
		height: 50vh;
		padding-top: 10%;
		font-size: 1.5em;
		text-align: justify;
		letter-spacing: .1em;

	}


	#projects {
		width: 100%;
	}
	#particles-js {
		height: 15%;
	}
}
@media (min-width: 1200px) {
	.home h1 {
		padding-top: 25%;
		font-size: 6em;
		color: #FFF;
		text-align: center;
	}

	.acerca-de img{
		height: 60vh;
		padding-top: 15%;
		padding-left: 5%;
	}

	.acerca-de-mi  {
		height: 80vh;
		padding-top: 10%;
		font-size: 1.5em;
		text-align: justify;
	}

	#projects h2 {
		padding-top: 15%;
	}

	#projects {
		width: 100%;
	}


	#particles-js {
		height: 16%;
	}
}